Как увеличить иконку яндекс карты на сайте
имеется javascript:
ymaps.ready(init); //Определение начальных параметров карты function init () { var myMap = new ymaps.Map("map", { center: [54.40850909, 53.24328885], zoom: 15 }, { balloonMaxWidth: 800 } ); //Добавляем элементы управления myMap.controls .add('zoomControl') .add('typeSelector') .add('mapTools'); //Запрос данных и вывод маркеров на карту $.getJSON("vivodpointsmap.php", function(json){ for (i = 0; i < json.markers.length; i++) { var myPlacemark = new ymaps.Placemark([json.markers[i].lat,json.markers[i].lon], { // Свойства iconContent: json.markers[i].icontext, hintContent: json.markers[i].hinttext, balloonContentBody: json.markers[i].balloontext }, { // Опции preset: json.markers[i].styleplacemark }); // Добавляем метку на карту myMap.geoObjects.add(myPlacemark); } }); //Отслеживаем событие клик левой кнопкой мыши на карте myMap.events.add('click', function (e) { if (!myMap.balloon.isOpen()) { var coords = e.get('coordPosition'); myMap.balloon.open(coords, { contentBody: '<div id="menu">\ <div id="menu_list">\ <div class="control-group"><label>Значок метки:</label>\ <div class="input-prepend"><span class="add-on"><img src="http://api.yandex.ru/maps/doc/jsapi/2.x/ref/images/styles/blue.png" style="height: 20px" /></span>\ <select name="image" id="image" class="span2" >\ <option data-path="http://api.yandex.ru/maps/doc/jsapi/2.x/ref/images/styles/redstr.png" value="twirl#redStretchyIcon">Авария</option>\ <option data-path="http://api.yandex.ru/maps/doc/jsapi/2.x/ref/images/styles/dps.png" value="twirl#dpsIcon">Пост ДПС</option>\ </select></div>\ </div></div>\ <button type="submit" class="btn btn-success">Сохранить</button>\ </div>'}); var myPlacemark = new ymaps.Placemark(coords); //Добавляем картинку при выборе опции select $('#image').change(function(){ $('.add-on').find('img:first').attr('src', $('#image option:selected').attr('data-path')); }); //Сохраняем данные из формы $('#menu button[type="submit"]').click(function () { var iconText = $('input[name="icon_text"]').val(), hintText = $('input[name="hint_text"]').val(), balloonText = $('input[name="balloon_text"]').val(), stylePlacemark = $('select[@name=image] option:selected').text(); //Передаем параметры метки скрипту addmetki.php для записи в базу данных $("#res").load("addmetki.php", {icontext: iconText, hinttext : hintText, balloontext : balloonText, styleplacemark : stylePlacemark, lat : coords[0].toPrecision(6), lon : coords[1].toPrecision(6)}); //Добавляем метку на карту myMap.geoObjects.add(myPlacemark); //Изменяем свойства метки и балуна myPlacemark.properties.set({ iconContent: iconText, hintContent: hintText, balloonContent: balloonText }); //Устанавливаем стиль значка метки myPlacemark.options.set({ preset: stylePlacemark }); //Закрываем балун myMap.balloon.close(); }); } else { myMap.balloon.close(); } }); } с помощью данного скрипта можно левым щелчком по карте установить метку и сохранить ее в базе данных. Проблема заключается в следующем. Я хочу увеличить размеры метки (иконки), так чтобы ее на карте сразу было видно и она выделялась. После множество попыток, умные мысли кончились. У кого есть идей, как реализовать эту задау? |
Часовой пояс GMT +3, время: 00:52. |