Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在Google地图中绘制多段线的圆_Javascript_Google Maps_Svg - Fatal编程技术网

Javascript 在Google地图中绘制多段线的圆

Javascript 在Google地图中绘制多段线的圆,javascript,google-maps,svg,Javascript,Google Maps,Svg,所以我发现这可以画一条虚线,但我想画一条带圆圈的虚线。我似乎无法在Google Chrome开发者工具中修改SVG路径,当我尝试使用Sketch时,它的SVG输出(见下文)与Google地图不兼容 "M0.641033737,6.81266823 C1.92338672,8.94131706 4.69065725,9.63151105 6.82190547,8.35425965 C8.95315369,7.07700826 9.64131924,4.3159806 8.35896626,2.18

所以我发现这可以画一条虚线,但我想画一条带圆圈的虚线。我似乎无法在Google Chrome开发者工具中修改SVG路径,当我尝试使用Sketch时,它的SVG输出(见下文)与Google地图不兼容

"M0.641033737,6.81266823 C1.92338672,8.94131706 4.69065725,9.63151105 6.82190547,8.35425965 C8.95315369,7.07700826 9.64131924,4.3159806 8.35896626,2.18733177 C7.07661328,0.0586829401 4.30934275,-0.63151105 2.17809453,0.645740345 C0.0468463147,1.92299174 -0.641319243,4.6840194 0.641033737,6.81266823 L0.641033737,6.81266823 Z"

一种选择是使用内置

代码片段:

//此示例通过以下方式将多段线转换为虚线:
//将多段线的不透明度设置为0,并绘制不透明符号
//在多段线上以固定的间隔。
函数initMap(){
var map=new google.maps.map(document.getElementById('map'){
缩放:6,
中心:{
拉脱维亚:20.291,
液化天然气:153.027
},
mapTypeId:google.maps.mapTypeId.TERRAIN
});
//[起始区域\多段线]
//使用SVG路径表示法定义符号,不透明度为1。
变量lineSymbol={
路径:google.maps.SymbolPath.CIRCLE,
频闪不透明度:1,
不透明度:1,
比例:3
};
//创建多段线,在“图标”属性中传递符号。
//将该线的不透明度设置为0。
//以20像素的间隔重复该符号以创建虚线效果。
var line=新的google.maps.Polyline({
路径:[{
拉脱维亚:22.291,
液化天然气:153.027
}, {
拉脱维亚:18.291,
液化天然气:153.027
}],
笔划不透明度:0,
图标:[{
图标:lineSymbol,
偏移量:“0”,
重复:“20px”
}],
地图:地图
});
//[端部区域\多段线]
}
google.maps.event.addDomListener(窗口“加载”,initMap)
html,
身体{
身高:100%;
保证金:0;
填充:0;
}
#地图{
身高:100%;
}


您对发布的路径有什么问题?当我需要它时,它与@geocodezip下面的内容完全相同。我的例子是给我没有填充的环和非常大的圆,原来的路径也出现了。