為什么Google Map無法在JavaScript中加載？

Question

我正在執行此鏈接中給出的步驟https://developers.google.com/maps/documentation/javascript/tutorial加載后出現錯誤，您能告訴我哪里錯了嗎？ 我已經生成了密鑰？ 小提琴http://jsfiddle.net/p3kcztvb/1/

<!DOCTYPE html>
<html>
  <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=AIzaSyATC35pv00Ga3hRxP4t5W7NtM9as48PGVQs">
    </script>
    <script type="text/javascript">
      function initialize() {
        var mapOptions = {
          center: new google.maps.LatLng(-34.397, 150.644),
          zoom: 8
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),
            mapOptions);
      }
      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  </head>
  <body>
    <div id="map-canvas"/>
  </body>
</html>

Answer 1

以下錯誤說明了自己。

"provided key is not a valid Google API Key,"

產生正確的金鑰

To create your API key:

    Visit the APIs Console at https://code.google.com/apis/console and log in with your Google Account.
    Click the Services link from the left-hand menu.
    Activate the Google Maps JavaScript API v3 service.
    Click the API Access link from the left-hand menu. Your API key is available from the API Access page, in the Simple API Access section. Maps API applications use the Key for browser apps.

這里

圖片在這里

標記代碼如下：

// Adds a marker with popup window information
  var marker1Latlng = new google.maps.LatLng(35.65654,-106);
  var contentString1 = 'I love New Mexico! <a href="http://www.newmexico.org">More</a> about the Land of Enchantment';
  var infowindow = new google.maps.InfoWindow({
      content: contentString1
  });
  var marker1 = new google.maps.Marker({
      position: marker1Latlng,
      map: map,
      title: 'New Mexico'
  });
  google.maps.event.addListener(marker1, 'click', function() {
    infowindow.open(map,marker1);
  });
//End of Add Marker code

Answer 2

嗨，Fiddle的Kanika似乎您使用的API密鑰無效。 您可能需要從Google控制台重新生成Google Maps API Engine的API密鑰。

Answer 3

更改此代碼行-基本上，這里不需要api鍵

<script type="text/javascript"
      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyATC35pv00Ga3hRxP4t5W7NtM9as48PGVQs">
    </script>

用。。。來代替

 <script type="text/javascript"
      src="https://maps.googleapis.com/maps/api/js?v=3.exp">
    </script>

為什么Google Map無法在JavaScript中加載？

問題描述

3 個解決方案

解決方案1
1 已采納 2014-09-01 10:35:00

解決方案2
1

解決方案3
0 2014-09-01 10:53:36

為什么Google Map無法在JavaScript中加載？

問題描述

3 個解決方案

解決方案1 1 已采納 2014-09-01 10:35:00

解決方案2 1

解決方案3 0 2014-09-01 10:53:36

解決方案1
1 已采納 2014-09-01 10:35:00

解決方案2
1

解決方案3
0 2014-09-01 10:53:36