Всем привет
Код:
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>Примеры. Задание стиля для коллекции регионов.</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="http://api-maps.yandex.ru/2.0/?lang=ru-RU&loa d=package.full,regions,ge oObject.OverlayFactory,ge ometry.pixel.Polygon" type="text/javascript"></script>
<script src="http://yandex.st/jquery/1.9.1/jquery.min.js"> </script>
<script type="text/javascript">
ymaps.ready(function(){
var myMap = new ymaps.Map("YMapsID", {
center:[66.788888898889, 93.775277787778], // Россия
zoom:3,
behaviors: ['default', 'scrollZoom']
}, {
scrollZoomSpeed: 0,
dblClickZoomDuration: 0
});
ymaps.regions.load('RU', {
lang: 'ru',
quality: 1
}).then(function (result) {
var regions = result.geoObjects; // ссылка на коллекцию GeoObjectCollection
myMap.geoObjects.add(regions);
// Задание стиля для коллекции регионов
regions.options.set('fillColor', '#ff001a');
regions.options.set('strokeColor', '#ffffff');
// Обрабока события входа курсора в регион
result.geoObjects.events.add('mouseenter', function (e) {
var region = e.get('target');
region.properties.set("hintContent","<b>"+region.p roperties.get('name')+"</ b><div>"+region.propertie s.get('osmId')+"</div>");
region.options.set('fillColor', '#ff9e3f');
});
// Обрабока события выхода курсора из региона
result.geoObjects.events.add('mouseleave', function (e) {
var region = e.get('target');
region.options.set('fillColor', '#ff001a');
});
}, function () {
alert('No response');
});
});
</script>
</head>
<body>
<div id="YMapsID" style="width:900px;height:600px"></div>
</body></html>
Имею вот такой код все отлично работает, но нужно не много доработать до примерно такого
http://dimik.github.io/ymaps/examples/regions/
Там показывается только регионы России и ни чего более.