使用API v3绘制多个编码折线
draw multiple encoded polylines using api v3
我有一组编码的折线,从方向服务的结果中检索,并且我已经将它们存储在php数组中。
使用下面的代码,我可以添加一条折线。如何修改它以同时添加多个折线?var code = '_mjsB{qp{LvAe@xImCjGgBf@St@Qf@Un@e@Hm@Pc@VW^MhAc@`B{@lAw@zCyA`@KvEyB`Ao@PQNK';
var paths = google.maps.geometry.encoding.decodePath(code);
var flightPath = new google.maps.Polyline({
path:pathss,
strokeColor: "#0000FF",
strokeOpacity: 1.0,
strokeWeight: 2
}); flightPath.setMap(map);
您希望所有折线都具有相同的样式,还是需要不同折线的不同样式?现在我们假设它们是一样的;如果它们需要不同,请告诉我,我们可以调整代码。
因此,首先,编写PHP代码以生成编码路径的JavaScript数组。我让你整理这部分。
然后,用JavaScript编写一个简单的循环来解码每个路径并将其添加到映射中:
// These are the encoded paths generated from PHP
var encodedFlightPaths = [
'...first-path...',
'...second-path...',
'...third-path...'
];
addEncodedPaths( encodedFlightPaths );
function addEncodedPaths( encodedPaths ) {
for( var i = 0, n = encodedPaths.length; i < n; i++ ) {
addEncodedPath( encodedPaths[i] );
}
}
function addEncodedPath( encodedPath ) {
var path = google.maps.geometry.encoding.decodePath( encodedPath );
var polyline = new google.maps.Polyline({
path: path,
strokeColor: "#0000FF",
strokeOpacity: 1.0,
strokeWeight: 2
});
polyline.setMap( map );
}
相关文章:
- 用与线条相同的颜色填充多折线图上的点
- 将地理编码结果转换为php变量以发布到mysql数据库
- 跟踪jqplot垂直折线图的鼠标位置
- Morris.js折线图x轴标签在调整大小后消失
- Chart.js V2折线图缺点
- Json在完整日历中对数据进行了编码
- 将直流图表库中的折线图缩放限制为小时
- 如何用d3.js绘制折线图
- 如何对每个用户每天只允许单击一次的按钮进行编码
- Javascript字符集编码
- 如何在javascript转换编码中将一个动态值从一个表单添加到另一个页面
- base64编码的图像比intranet中的常规图像好吗
- 我不知道我的编码有什么问题.(JavaScript)
- 为什么字符编码对URL很重要
- 如何在做PHP时在base64中动态编码;preg_ replace”;
- 如何将JSON编码的PHP数组发送到同一页面上的数据表
- 修复谷歌地图折线的编码字符串
- 使用API v3绘制多个编码折线
- 1 个 html 页面上有 2 个不同的谷歌图表(1 个带有 JSON 的折线图和 3xgauge 硬编码)
- 谷歌地图编码折线渲染错误