javascript - 如何自定义谷歌地图标记的颜色、形状和大小

Question

我想要一个圆形标记，其大小和颜色可以在 JavaScript 中动态更改。有人以前这样做过吗，或者可以指出我正确的资源吗？

到目前为止，我已经得到:(根据此:https://developers.google.com/maps/documentation/javascript/overlays#Icons)

//Map setup
    focusLocation = new google.maps.LatLng(51.5, -0.1);
    var mapOptions = {
        zoom: 12,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        center: focusLocation
    };
    map = new google.maps.Map(document.getElementById('map'),mapOptions);

        setMarkers(map);

function setMarkers(map){
    marker = new google.maps.Marker({
        icon: {
          path: google.maps.SymbolPath.CIRCLE,
          scale: 10
        },
        map: map
    });
});

但是图标还是正常的。

Answer 1

您的标记没有位置。这对我有用:

function setMarkers(map){
    marker = new google.maps.Marker({
        icon: {
          path: google.maps.SymbolPath.CIRCLE,
          scale: 10
        },
        position: map.getCenter(),
        map: map
    });
});

working example