Javascript 如何在浏览器中本地查看使用Google Maps API v3的HTML页面_Javascript_Google Maps_Google Maps Api 3

Javascript 如何在浏览器中本地查看使用Google Maps API v3的HTML页面

javascript google-maps google-maps-api-3

Javascript 如何在浏览器中本地查看使用Google Maps API v3的HTML页面,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,因此，我正在研究《入门指南》提到的第一个示例。它告诉我输入以下内容： <!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> html { height: 100% } body { height: 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=API_KEY&sensor=SET_TO_TRUE_OR_FALSE">
    </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>

我试着看了其他几个关于这个的StackOverflow问题，但没有一个能帮上忙…

只需留下API键。这不是发展目的所需要的。因为您正在尝试开发谷歌地图应用程序。使用以下代码

<!DOCTYPE html>
<html>
  <head>
    <title>Simple Map</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <style>
      html, body, #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px
      }
    </style>
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
    <script>
var map;
function initialize() {
  var mapOptions = {
    zoom: 8,
    center: new google.maps.LatLng(-34.397, 150.644)
  };
  map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);
}

google.maps.event.addDomListener(window, 'load', initialize);

    </script>
  </head>
  <body>
    <div id="map-canvas"></div>
  </body>
</html>

希望，它将帮助您开发谷歌地图应用程序

看看API。同时也要记住获取密钥。

为了使这个示例正常工作，您可以从api链接中删除密钥，因为v3库不再需要它。因此，标题中的API链接将是

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false">

沃特？v2中需要api密钥。加入V3汉克斯！成功了。另外一个问题，如果你不介意的话，那么API键是用来做什么的？为了部署目的？@albert:没有放弃。我们有一些空间用他们的api开发应用程序。用你需要查看的链接更新了我的答案。@Edasaur:是的，当然，你是对的。但我不得不用另一种方式说。API密钥用于商业目的，请查看我与您共享的它们的文档。我希望，这将更详细地澄清你的问题。

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false">