2013-07-06 174 views
0

我想在我的子域名012xx的聯繫頁面上有一張地圖。我已經忠實地複製了谷歌地圖的各種示例中的代碼,並在我的.css中完成了樣式表。我指定了推介域名,例如.pedregoza.org/birds /等,都無濟於事。我在html中運行,我可以在需要時編輯java腳本,但是我發現google maps api非常複雜,因爲互聯網充斥着類似的投訴。以下是我不斷得到的錯誤:* Google禁止使用Maps API來執行此應用程序。提供的密鑰不是有效的Google API密鑰,或者未獲得此網站上Google Maps JavaScript API v3的授權。如果你是這個應用程序的所有者,你可以在這裏瞭解到獲取一個有效的密鑰:https://developers.google.com/maps/documentation/javascript/tutorial#api_key *是的,我已經產生了一個新的密鑰,啓用API v.3,並嘗試了一堆人提出的其他建議。如果我無法得到這個工作,那麼我認爲谷歌地圖只適用於靜態地圖顯示,這是有點傷心。我希望人們可以放大或縮小我們網站上的地圖。如果有人有建議,我會很樂意嘗試。我知道我並不孤單,這個問題。無法讓Google Maps API正常工作

回答

0

首先你必須從你的位置的經度和緯度:

http://maps.googleapis.com/maps/api/geocode/xml?address=+" + MapAddress + "&sensor=false 

嘗試在本頁面的HTML代碼。 str_lat和str_lng是你的位置。

<head> 
    <meta name='viewport' content='initial-scale=1.0, user-scalable=no' /> 
    <style type='text/css'> 
     html { height: 100% } 
     body { height: 100%; margin: 0; padding: 0 } 
     #map-canvas { height: 100% } 
    </style> 
    <script type='text/javascript' src=https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&sensor=false> 
    </script> 
    <script type='text/javascript'> 
     function initialize() { 
     var myLatlng = new google.maps.LatLng(str_lat,str_lng); 
     var mapOptions = { 
      center: myLatlng, 
      zoom: 16, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     var map = new google.maps.Map(document.getElementById('map-canvas'), 
      mapOptions); 
     var marker = new google.maps.Marker({ 
     position: myLatlng, 
     map: map, 
     title:'Location!' 
     }); 
     } 
     google.maps.event.addDomListener(window, 'load', initialize); 
    </script> 
    </head> 
    <body> 
    <div id='map-canvas'/> 
    </body> 
</html>; 
相關問題