Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/385.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 如何在谷歌地图中绘制包含多个点的多段线(并显示多段线)?_Javascript_Google Maps Api 3_Google Polyline - Fatal编程技术网

Javascript 如何在谷歌地图中绘制包含多个点的多段线(并显示多段线)?

Javascript 如何在谷歌地图中绘制包含多个点的多段线(并显示多段线)?,javascript,google-maps-api-3,google-polyline,Javascript,Google Maps Api 3,Google Polyline,为什么当我想用Google maps V3.0(JavaScript API)绘制一条多段线时,它有很多点(超过7个点),而当我试图绘制一条有几个点的多段线时,它却没有出现 编辑: 代码 var-polyOptions={strokeColor:'#FF0000',strokeOpacity:0.6,strokeWeight:5} var poly=新的google.maps.Polyline(多选项); var path=poly.getPath(); var bounds2=new goog

为什么当我想用Google maps V3.0(JavaScript API)绘制一条多段线时,它有很多点(超过7个点),而当我试图绘制一条有几个点的多段线时,它却没有出现

编辑: 代码

var-polyOptions={strokeColor:'#FF0000',strokeOpacity:0.6,strokeWeight:5}
var poly=新的google.maps.Polyline(多选项);
var path=poly.getPath();
var bounds2=new google.maps.LatLngBounds();

对于(var i=0;i你能分享不起作用的代码吗

有时,即使在将多段线添加到“多段线选项”中后,也可以设置多段线的贴图。请尝试以下操作:

var mypolyline = new google.maps.Polyline({
                  map: map,
                  path: coords,
                  strokeColor: "#787878",
                  strokeOpacity: .6,
                  strokeWeight: 3,
                  clickable: false
                });

mypolyline.setMap(map);

您应该在代码中交换parseFloat(lng)和parseFloat(lat)。不,不,这样可以:)只是名称错误!我用1000个点的数组尝试了你的代码,效果很好。您是否可能看到某种内存消耗问题?我看到GoogleMapsV3API存在间歇性问题,如果垃圾收集器在加载地图时运行,则(显然)标记或多段线将无法显示。不幸的是,我没有可靠地再现问题的代码。您可能希望在第一行末尾添加分号。然后,将变量“path”设置为空数组,而不是获取“poly.getPath()”。路径=[]也是如此然后保持一切不变,并继续使用“path.push(point)”向该数组添加点。接下来,在执行“poly.setMap(map)”之前,执行
poly.setPath(path)
。这应该行得通。另外,当您创建一个新的纬度坐标时,您是否有意将经度放在纬度之前?
var mypolyline = new google.maps.Polyline({
                  map: map,
                  path: coords,
                  strokeColor: "#787878",
                  strokeOpacity: .6,
                  strokeWeight: 3,
                  clickable: false
                });

mypolyline.setMap(map);