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

时间:2016-01-18 08:05:08

标签: javascript google-maps google-maps-markers

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

1 个答案:

答案 0 :(得分:8)

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

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