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

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