Nikulio
@Nikulio
NaN !== NaN

Как сменить иконки всех маркеров в Google Maps API?

Такой у меня код гугл:

function initMap() {
	var firstMarker = {lat: 50.461686, lng:  30.496442};
	var secondMarker = {lat: 50.430365, lng:  30.520543};
	var thirdMarker = {lat: 50.452029, lng:  30.486235};

	// Create a map object and specify the DOM element for display.
	var locations = [
		['Bondi Beach', firstMarker, 4],
		['Coogee Beach', secondMarker, 5],
		['Cronulla Beach', thirdMarker, 3],
	];

	var map = new google.maps.Map(document.getElementById('map'), {
		zoom: 13,
		center: new google.maps.LatLng(50.451756, 30.509776),
		mapTypeId: google.maps.MapTypeId.ROADMAP
	});

	var infowindow = new google.maps.InfoWindow();

	var marker, i;

	for (i = 0; i < locations.length; i++) {
		marker = new google.maps.Marker({
			position: new google.maps.LatLng(locations[i][1], locations[i][2]),
			map: map,
			icon: '/html/img/map_marker.png',
		});

		google.maps.event.addListener(marker, 'click', (function(marker, i) {

			// console.log(i)
			return function() {
				infowindow.setContent(locations[i][0]);
				infowindow.open(map, marker);
				console.log(marker);
				if(marker.icon == '/html/img/map_marker.png') {
					marker.setIcon('/html/img/marker_active.png');
					
				}
				else {
					marker.setIcon('/html/img/map_marker.png');
				}
			}
		})(marker, i));
	}
}


Так выглядит это чудо : joxi.ru/82QegD9UzNvd2d
Так при клике на элемент : joxi.ru/52anO86TaY3nA0

Мне нужно, что бы при клике на маркер он менялся на красный (как на втором скрине), а все остальные менялись на синий
Сейчас реализована только первая часть, но я не могу понять, как менять картинку остальным маркерам на синий.

Задача: при клике на маркер давать ЭТОМУ маркеру красную картинку, а остальным двум синюю.

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

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

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