使用 JavaScript 在 Google 地图上绘制虚线圆圈

Question

我是谷歌地图API的新手，我不知道如何在谷歌地图上创建虚线圆圈。我使用以下代码在谷歌地图上创建了圆圈

circle = new google.maps.Circle({
strokeColor: Settings.CircleRadius.strokeColor, 
strokeOpacity: Settings.CircleRadius.strokeOpacity,
strokeWeight: Settings.CircleRadius.strokeWeight,
fillColor: #0000FF,
fillOpacity: Settings.CircleRadius.fillOpacity,
center: click_latlon, 
map: map,
//clickable: true,
radius: radius_m   //Radius in meters 
});

有人可以帮我如何在谷歌地图上画虚线圆圈吗？

Answer 1

这是虚线折线的代码， 你可以尝试一个类似的东西来做一个圆

// Define a symbol using SVG path notation, with an opacity of 1.
var lineSymbol = {
path: 'M 0,-1 0,1',
strokeOpacity: 1,
scale: 4
};
// Create the polyline, passing the symbol in the 'icons' property.
// Give the line an opacity of 0.
// Repeat the symbol at intervals of 20 pixels to create the dashed effect.
var line = new google.maps.Polyline({
path: [{lat: 22.291, lng: 153.027}, {lat: 18.291, lng: 153.027}],
strokeOpacity: 0,
icons: [{
icon: lineSymbol,
offset: '0',
repeat: '20px'
}],
map: map
});