- Автор темы
- #1
Всем привет
Имею вот такой код все отлично работает, но нужно не много доработать до примерно такого
Для просмотра ссылки Войдиили Зарегистрируйся
Там показывается только регионы России и ни чего более.
Код:
<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&load=package.full,regions,geoObject.OverlayFactory,geometry.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.properties.get('name')+"</b><div>"+region.properties.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>Для просмотра ссылки Войди
Там показывается только регионы России и ни чего более.