Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 16.04.2015, 16:56
Новичок на форуме
Отправить личное сообщение для gedeon Посмотреть профиль Найти все сообщения от gedeon
 
Регистрация: 16.04.2015
Сообщений: 1

Как увеличить иконку яндекс карты на сайте
имеется 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();
                }
 });
        }


с помощью данного скрипта можно левым щелчком по карте установить метку и сохранить ее в базе данных. Проблема заключается в следующем. Я хочу увеличить размеры метки (иконки), так чтобы ее на карте сразу было видно и она выделялась. После множество попыток, умные мысли кончились. У кого есть идей, как реализовать эту задау?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как произвести запуск браузера одновременно с логином на сайте? miksoft Общие вопросы Javascript 8 20.01.2011 20:21
Windows Media Player - Как скрыть url потока на сайте mff Элементы интерфейса 6 01.05.2010 03:35
Нужно сделать плавное появление текстового поля как на сайте vkontakte.ru paratrooper1981 Элементы интерфейса 1 23.11.2009 18:24
Как определить находится ли пользователь в данный момент на сайте? PAMAC Общие вопросы Javascript 19 11.10.2009 15:05
Исчезновение окна как на сайте vkontakte vladex jQuery 2 19.08.2009 03:56