使用Json数组设置折线路径

本文关键字：折线 路径 设置 数组 Json 使用 | 更新日期: 2023-09-27 18:17:09

我已经创建了一个方法，使用c#从数据库返回纬度和经度数组，现在我想把这个列表传递给JavaScript来绑定poly_line路径在谷歌地图上。

使用Json数组设置折线路径

var polyOptions = {
    strokeColor: '#000000',
    strokeOpacity: 1.0,
    strokeWeight: 3
}
poly = new google.maps.Polyline(polyOptions);
poly.setMap(map);
var path = new MVCArray;
$.getJSON('json.cs', function(data) {
    //var items = [];
    $.each(data, function(key, val) {
            path.push(new google.maps.LatLng(val.lat, val.longi));
    });
    // now update your polyline to use this path
    poly.setPath(path);
});

<body onload="initialize()">
  <div id="map_canvas" style="width:90%; height:100%"></div>
</body>
</html>
参考

相关文章：