2015-11-06 17 views
0

腳本1)我該如何調用Google的API兩次?我想地理編碼和顯示在地圖

<script async defer 
     src="https://maps.googleapis.com/maps/api/js?key=THISISMYAPIKEYBLABLABLA&callback=initMap"> 
    </script> 

然後我可以做一個腳本,使一個新的地圖,這是真棒。它工作正常。

腳本2)

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true&libraries=places"> </script> 

,然後我只是做了一些魔術一個函數和一個文本框,當在文本框中,用戶類型,它會自動做了快速搜索,並給我回LAT/lon值!

,然後我有這樣的.js文件,運行腳本:

$(document).ready (function(){ 
     initilize(); 

}); 
function initilize() { 
    google.maps.event.addDomListener(window, 'load', initilize); 
    var autocomplete = new google.maps.places.Autocomplete(document.getElementById('txtautocomplete')); 

    google.maps.event.addListener(autocomplete, 'place_changed', function() { 
     var place = autocomplete.getPlace(); 
     var location = "<b>Location:</b>" + place.formatted_address + "<br/>"; 
     location += "<b>latitude:</b>" + place.geometry.location.lat() + "<br/>"; 
     location += "<b>longitude:</b>" + place.geometry.location.lng() + "<br/>"; 
     document.getElementById('lblResult').innerHTML = location; 
    }); 
}; 

當我測試自己的這些腳本,它們完美地工作,但是當我試圖將它們結合起來,我得到的錯誤代碼:

問題:

1)我該如何運行?如果我在正文中同時具有上述兩個腳本,則會發生錯誤,並且不起作用。這是主要的問題和問題。我假設我必須在一個腳本src = html標記中執行這兩個操作。

2)(可選)通過twitter,我不得不運行一個express節點服務器,並執行OAUTH,甚至會發生上述兩個腳本。一個有API密鑰,另一個沒有,我試着閱讀文檔,但有點混亂。所以我想什麼是「最好」的方式來獲得這兩個工作,並訪問其API

回答

2

把所有的選項將在API的一個負荷:

<script async defer 
    src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true&libraries=places&key=THISISMYAPIKEYBLABLABLA&callback=initMap"> 
</script> 
+0

謝謝!其餘的出來,非常感謝:) – Test

相關問題