Question

我希望在http://www.pedregoza.org/birds/contact.html的子域名的联系页面上有一张地图。我已经忠实地复制了谷歌地图的各种示例中的代码，并在我的.css中完成了样式表。我已经指定了推荐域名，例如.pedregoza.org / birds / etc，但都无济于事。我在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，并尝试了一些其他人的建议制作。如果我不能让这个工作，那么我猜谷歌地图只对静态地图显示有用，这有点难过。我希望人们可以在我们的网站上放大和缩小地图。如果有人有建议;我很乐意尝试一下。我知道我并不孤单。

Answer 1

首先您必须从以下位置获取您的位置纬度和经度

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>;

无法使Google Maps API正常工作

1 个答案: