0

我想在http://www.pedregoza.org/birds/contact.html的子域的联系页面上有一张地图。我忠实地复制了谷歌地图各种示例中的代码，并在我的 .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，并尝试了人们提出的许多其他建议。如果我不能让它工作，那么我猜谷歌地图只对静态地图显示有用，这有点可悲。我希望人们可以放大和缩小我们网站上的地图。如果有人有建议；我很乐意尝试。我知道我并不孤单。

4

1 回答 1

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>;
于 2013-07-07T13:09:24.987 回答