在 PHP 中更改谷歌地图上一个图钉的颜色

Question

我的代码如下`

<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 实现代码。

Answer 1

您需要在标记选项中添加图标属性并将图像设置为正确的 google pin：

  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 example