地图在标记中绘制路线

时间:2017-09-08 06:29:58

标签: javascript google-maps

我最初在initMap()中使用了地图和绘图标记。 这是我的代码:

var makerLocationList = [
            {lat: 19.99335320785088, lng: 73.68118286132812,title:"first marker"},
            {lat: 19.98593250903381, lng: 73.7124252319336,title:"second marker"},
            {lat: 19.997454, lng: 73.789803,title:"third marker"}
        ];

function initMap() {
        var haightAshbury = {lat: 19.997454, lng: 73.789803};

        map = new google.maps.Map(document.getElementById('map'), {
          zoom: 12,
          center: haightAshbury,
         // mapTypeId: 'terrain'
        });
        for(i=0;i<makerLocationList.length;i++){
            marker = new google.maps.Marker({
                position: new google.maps.LatLng(makerLocationList[i]["lat"], makerLocationList[i]["lng"]),
                map: map,
                title: makerLocationList[i]["title"]
            });
        }
}

它完美地绘制了标记作为循环行程,但我希望将新创建的标记与最后一个标记连接起来。

这样它就像创建第一个标记然后创建第二个并绘制路线并首先连接第二个然后创建第三个制造商并连接第二个与第三个等等。

0 个答案:

没有答案