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

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
        })