Клуб API Карт

Добавление SmallZoom

Wolf002
15 ноября 2013, 15:54

Пытаюсь на карту добавить элемент управления SmallZoom

myMap.addControl(new YMaps.SmallZoom());

 

 

<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="js/region-selector.js" type="text/javascript"></script>

   <script src="js/region-selector-model.js" type="text/javascript"></script>

   <script src="js/region-selector-map-view.js" type="text/javascript"></script>

   <script src="js/mask-overlay.js" type="text/javascript"></script>

   <script src="js/region-selector-map-mask-view.js" 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:2

                });

myMap.behaviors.disable('drag');

myMap.behaviors.disable('scrollZoom');

myMap.behaviors.disable('dblClickZoom');

myMap.addControl(new YMaps.SmallZoom());

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');

});

result.geoObjects.events.add('click', function (e) {

var region = e.get('target');

var html = region.properties.get("hintContent");

$("#info").html(html);

});

}, function () {

alert('No response');

});

new RegionSelector(myMap);

});

 

function alertObj(obj) { 

    var str = ""; 

    for(q in obj) { 

        str += q+": "+ obj[q]+"\r\n"; 

    } 

    alert(str); 

}

    </script>

    <style>

tyle>

</head>

 

<body>

  <div id="YMapsID" style="width:650px;height:400px"></div>

  <div id="info"></div>

</body></html>

 

 

Если убарть или закоментить строку 20 myMap.addControl(new YMaps.SmallZoom());

то все нормально работает 

а так показывает ошибку

TypeError: ymaps.SmallZoom is not a constructor

 

var zoom = new ymaps.SmallZoom();

Прошу помочь мне разобраться
2 комментария
Подписаться на комментарии к посту

нужно было так

myMap.controls.add('smallZoomControl',{'top':5});

ymaps.SmallZoom нет

есть ymaps.control.SmallZoom