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

Answer 2

您可以使用此处所述的javascript api更改标记图标

https://developers.google.com/maps/documentation/javascript/reference#Marker

专门调用SetIcon（）方法。

如何自定义Google地图标记的颜色，形状和大小

2 个答案: