Question

  function initialize() {

    var myOptions = {
    center: new google.maps.LatLng(45.652988, 25.611792),
    zoom: 12,
    mapTypeId: google.maps.MapTypeId.SATELLITE
    };

    var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);

    var lines = new google.maps.Polyline({
                strokeColor: '#FF0000',
                strokeOpacity: 0.5,
                strokeWeight: 2,
                editable: true
                });

    nline = function setPolyline(points) {
    var path = lines.getPath();
    path.clear();
    path.push(points);
    lines.setMap(map);
    }

    google.maps.event.addListener(map, 'click', function() {
    var target = document.getElementById("info_panel");
    target.style.display = "none";
    });

    /*
    google.maps.event.addListener(line, 'click', function() {
    alert("you clicked polyline");
    });
    */
  }

从SQL数据库执行XMLHttpRequest之后，另一个函数调用setPolyline函数（它位于map初始化函数内部，因为“map”和“lines”变量只是本地而不是全局）作为参数传递一个数组经纬度的。

setPolyline函数接受该数组，清除折线（命名为“lines”）路径，将latlng数组推入路径，并且在获取setmap指令时根本无法执行任何操作...

是否存在嵌套问题或者是什么？...请帮助我在过去6小时内一直试图解决这个问题......

Answer 1

您是否在任何地方致电lines.setPath(path)？

Answer 2

试试这个：

 function initialize() {

    var myOptions = {
    center: new google.maps.LatLng(45.652988, 25.611792),
    zoom: 12,
    mapTypeId: google.maps.MapTypeId.SATELLITE
    };

    var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);

    var lines = new google.maps.Polyline({
                strokeColor: '#FF0000',
                path: linepth,
                strokeOpacity: 0.5,
                strokeWeight: 2,
                editable: true
                });

    nline = function setPolyline(points) {
    var linepth= [];
    var path = lines.getPath();
    path.clear();
//    path.push(points);
    linepth.push(points);
    lines.setMap(map);
    }

    google.maps.event.addListener(map, 'click', function() {
    var target = document.getElementById("info_panel");
    target.style.display = "none";
    });

    /*
    google.maps.event.addListener(line, 'click', function() {
    alert("you clicked polyline");
    });
    */
  }

在推送通过单独的AJAX查询获得的坐标后，无法在地图上添加折线？

2 个答案: