Измените цвет одного из булавок на карте Google в переполнении стека

Мой код как показано ниже

<script type="text/javascript">
var locations = [
['add1', lat1, long1],
['add2', lat2, long2],
['add3', lat3, long3],

];

var map = new google.maps.Map(document.getElementById('map'), {
zoom:10,
center: new google.maps.LatLng(18.528771, 73.906314),
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
});

google.maps.event.addListener(marker, 'click', (function (marker, i) {
return function () {
infowindow.setContent(locations[i][0]);
infowindow.open(map, marker);
}
})(marker, i));
}
</script>`

На карте имеется более одного контакта, я хотел бы отобразить один из выводов в разном цвете или отобразить изображение вместо пузырька.
Я реализую код на PHP.

0

Решение

Вам нужно добавить атрибут значка к параметрам маркера и установить изображение на правильный пин-код Google:

  var image = 'images/beachflag.png';
var myLatLng = new google.maps.LatLng(-33.890542, 151.274856);
var beachMarker = new google.maps.Marker({
position: myLatLng,
map: map,
icon: image
});

смотри гугл док пример Google

2

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]