在谷歌地图中放置圆圈而不是标记

Question

我想在谷歌地图上添加2个圆圈(红色和绿色)而不是默认标记.我需要根据数据库中的值来改变圆圈的颜色(增加/减少强度).有可能这样做吗？

Answer 1

创建一个圆圈作为标记图标,例如:

var oMarker = new google.maps.Marker({
    position: latLng,
    sName: "Marker Name",
    map: map,
    icon: {
        path: google.maps.SymbolPath.CIRCLE,
        scale: 8.5,
        fillColor: "#F00",
        fillOpacity: 0.4,
        strokeWeight: 0.4
    },
});

然后,如果要动态更改标记(例如鼠标悬停),您可以,例如:

oMarker.setIcon({
            path: google.maps.SymbolPath.CIRCLE,
            scale: 10,
            fillColor: "#0F0",
            fillOpacity: 0.8,
            strokeWeight: 1
        })