getJSON谷歌地图折线

时间:2014-02-19 20:49:34

标签: google-maps getjson polyline

这是我的jsonData的一个例子:

"lineformap":"new google.maps.LatLng(52.25602231800669, 6.160540580749512),new google.maps.LatLng(52.25543780780041, 6.1602723598480225),new google.maps.LatLng(52.255818725438296, 6.160014867782593)"

这是我的代码: (没有出现行) 当我将数据复制到代码中时,线条在地图上是可见的 谁可以帮助我

var poly;
var map;
function initialize() {
    var latlng = new google.maps.LatLng(52.2554, 6.1627);
  var myOptions = {
    zoom: 15,
    center: latlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};

    var bermudaTriangle;

    map = new google.maps.Map(document.getElementById("ObjectMap"), myOptions);
    $.getJSON('/api/dbklineforbws', function (createbws) {
        $(createbws).each(function (i, itemb) {
            // Define the LatLng coordinates for the polygon's path.
            var flightPlanCoordinates = [
            itemb.lineformap
          ];

            var flightPath = new google.maps.Polyline({
                path: flightPlanCoordinates,
                geodesic: true,
                strokeColor: '#FF0000',
                strokeOpacity: 1.0,
                strokeWeight: 2
            });



            flightPath.setMap(map);
        });
    });
    }


    google.maps.event.addDomListener(window, 'load', initialize);

1 个答案:

答案 0 :(得分:1)

对我而言,json文件的使用非常奇怪。但是,为了使它工作,我将json文件更改为:

{
"lineformap": "[new google.maps.LatLng(52.25602231800669, 6.160540580749512),new google.maps.LatLng(52.25543780780041, 6.1602723598480225),new google.maps.LatLng(52.255818725438296, 6.160014867782593)]"
}

var flightPlanCoordinates = [
    itemb.lineformap
];

var flightPlanCoordinates = eval(itemb.lineformap);

获取折线。