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

Javascript 在谷歌地图中放置圆圈而不是标记,javascript,google-maps,google-maps-markers,Javascript,Google Maps,Google Maps Markers,我想添加2个圆圈(红色和绿色),而不是谷歌地图上的默认标记。我需要根据数据库中的值更改圆的颜色(增加/减少强度)。可以这样做吗?创建一个圆圈作为标记图标,例如: var oMarker = new google.maps.Marker({ position: latLng, sName: "Marker Name", map: map, icon: { path: google.maps.SymbolPath.CIRCLE, sca

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

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

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
        })
然后,如果要动态更改标记(如在mouseover上),可以执行以下操作,例如:

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

这个问题太开放了。你到底在干什么?你在使用什么技术?你尝试过什么?有点像这个例子,除了你会改变fillColor和fillOpacity,而不是使用JavaScript的radiusI am。我想删除出现的默认标记,并在其位置上有两个圆圈(类似于交通灯)。我试过使用覆盖层。但这似乎不起作用。你想要的只是一个圆形标记:当你可以做一个圆形时,为什么要做一个圆形标记图标(参见我和Tao P.R在评论中发表的例子,以供参考)?@lucas你已经介绍了如何做一个圆形。现在,这里是如何做一个圆圈标记。因为这在某些用例中可能很有用。我想这正是我好奇的地方——那个用例会是什么?我的标记改变了。这样很容易创建一个动画,使其变成一个正方形。或自定义图标。