имеется 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();
}
});
}
с помощью данного скрипта можно левым щелчком по карте установить метку и сохранить ее в базе данных. Проблема заключается в следующем. Я хочу увеличить размеры метки (иконки), так чтобы ее на карте сразу было видно и она выделялась. После множество попыток, умные мысли кончились. У кого есть идей, как реализовать эту задау?