bootd
@bootd
Гугли и ты откроешь врата знаний!

Почему все при увеличении масштаба карты, маркер сдвигается от заданных координат?

У меня есть несколько разных карт. При нажатии на ссылку я показываю карту с заданными координатами и ставлю маркер на это место! Но когда начинаю увеличивать зум, то маркер смещается!

//инициализация карты
var mapModule = (function(){
	'use strict';

	var mapSection = $('#map')[0];

	return {
		// Добавим маркер
		addMarker: function(latitude, longitude, map){
			new google.maps.Marker({
				position: {
					lat: latitude,
					lng: longitude
				},
				icon: new google.maps.MarkerImage('/images/mapMarker.png',
					new google.maps.Size(84,95),
					new google.maps.Point(0,0),
					new google.maps.Point(0,95)
				),
				map: map
			});
		},

		// Инициализация карты
		initMap: function(latitude, longitude) {
			var mapPosition = new google.maps.LatLng(latitude, longitude),
		        mapOptions = {
		            zoom: 14,
		            center: mapPosition,
		            scaleControl: false,
		            zoomControl: false,
		            streetViewControl: false,
		            mapTypeControl: false
		        },

				map = new google.maps.Map(mapSection, mapOptions);

		    mapModule.addMarker(latitude, longitude, map);
		}
	}
}());

// Открытие карты с заданными координатами
$('.showMap').on('click', function(event){
	event.preventDefault();

	$('.showMap').removeClass('act');
	$(this).addClass('act');

	var latitude = $(this).data('latitude'),
		longitude = $(this).data('longitude');

	mapModule.initMap(latitude, longitude);
});


В чем проблема?
  • Вопрос задан
  • 375 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы