2013-10-28 28 views
0

我需要使用路線使用Gmap插件。 我可以在基本地圖上設置它,但問題是如何將該功能包含在單獨的js文件中?JQuery:Gmap與路線

這裏是非常簡單的實施例I將其設置:

http://jsbin.com/iYoKEPa/1 

但在dev的我需要將其包含在一個單獨的JS文件的載荷()函數。 我複製我的開發功能上jsbin並嘗試設置的路線,但沒能做到這一點:

http://jsbin.com/ejimUf/1 

有人能幫助我請。 謝謝!

回答

1

您正在實例化兩個文檔之間的兩種不同類型的地圖。 第一個是製作Gmaps地圖,第二個是google.maps地圖。

這裏它的工作原理:http://jsbin.com/ejimUf/3/edit

function load(){ 
    console.log('loaded'); 
    var point = new google.maps.LatLng(-12.043333, -77.028333); 
    var myMapOptions = { 
    zoom: 13, 
    center: point, 
    div:'#map', 
    lat: -12.043333, 
    lng: -77.028333 

    }; 



map = new GMaps(myMapOptions); 



    map.drawRoute({ 
     origin: [-12.044012922866312, -77.02470665341184], 
     destination: [-12.090814532191756, -77.02271108990476], 
     travelMode: 'driving', 
     strokeColor: '#131540', 
     strokeOpacity: 0.6, 
     strokeWeight: 6 
    }); 

} 
+0

謝謝你的解決方案! 你能告訴我請問Gmap地圖和google.maps.map有什麼不同? 非常感謝! – johnnyfittizio

+1

你正在包括的GMaps是另一個庫,它增加/簡化了一些谷歌地圖的任務,並作爲一個開源項目在這裏提供:https://github.com/hpneo/gmaps你可以做你想要的只是谷歌通過檢查文檔https://developers.google.com/maps/documentation/javascript/tutorial和https://developers.google.com/maps/documentation/javascript/reference來映射JavaScript –