作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我尝试将坐标添加到折线但不起作用但是,当我手动分配它时,它就可以工作了。
如何通过数组使其工作。
var lat=[13.698090113461573,13.72771754374393,13.732881766645967,13.737967711523885];
var lng=[100.75223565101624,100.74861466884613,100.69132804870605,100.56249350309372];
// HERE IT DOESN"T WORK
var poly = new Array();
for (var j=0;j<lat.length;j++){
var pos = new google.maps.LatLng(lat[0],lng[0])
poly.push(pos);
}
// HERE IT'S WORK
var poly = [
new google.maps.LatLng(lat[0], lng[0]),
new google.maps.LatLng(lat[1], lng[1]),
new google.maps.LatLng(lat[2], lng[2]),
new google.maps.LatLng(lat[3], lng[3])
];
console.log(poly);
var Path = new google.maps.Polyline({
path: poly,
geodesic: true,
strokeColor: '#ff004c',
strokeOpacity: 1.0,
strokeWeight: 5
});
Path.setMap(map);
最佳答案
我认为你应该写变量 j
而不是零数
var poly = new Array();
for (var j=0; j<lat.length; j++) {
var pos = new google.maps.LatLng(lat[0],lng[0])
poly.push(pos);
}
像这样:
var poly = new Array();
for (var j = 0; j<lat.length; j++) {
var pos = new google.maps.LatLng(lat[j],lng[j])
poly.push(pos);
}
关于javascript - 谷歌地图 API 无法从数组设置折线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27853211/
leaflet:一个开源并且对移动端友好的交互式地图 JavaScript 库 中文文档: https://leafletjs.cn/reference.html 官网(英文): ht
我是一名优秀的程序员,十分优秀!