谷歌地图在两点之间画一条线

时间:2014-03-15 10:39:49

标签: javascript jquery google-maps google-polyline

我从DB获得纬度/经度。我无法在两个距离之间划一条线。这是我的代码

var auto_refresh = setInterval(
function () {
    $.get('http://developer.allsecure.me/Location/longlat', function (data) {
        map_canvas.setCenter(new google.maps.LatLng(data.startlat, data.startlong));

        clearMarkers();

        setMarker(map_canvas, 'center', new google.maps.LatLng(data.startlat, data.startlong), '', '/img/device.png', '', '', true);

        var line = new google.maps.Polyline({
            path: [new google.maps.LatLng(data.startlat, data.startlong), new google.maps.LatLng(data.endlat, data.endlong)],
            strokeColor: "#FF0000",
            strokeOpacity: 1.0,
            strokeWeight: 10,
            map: map
        });
    }, 'json');

}, 1000);

我不知道为什么不在两个距离之间添加折线。

1 个答案:

答案 0 :(得分:0)

由于上述评论是实际解决方案

当您定义使用map: map的行时,这不应该是map: map_canvas吗?