Javascript 实施谷歌地图API（用于商业）时遇到的问题_Javascript_Google Maps_Google Maps Api 3

Javascript 实施谷歌地图API（用于商业）时遇到的问题

javascript google-maps google-maps-api-3

Javascript 实施谷歌地图API（用于商业）时遇到的问题,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,这应该是非常基本的，但我真的找不到答案：我尝试实现一个GoogleMap，使用GoogleAPI for business，并获得了一个工作的客户端ID/密钥使用文档（）中的标准示例只能得到一个空白映射这是显示空白映射的简单测试代码： <script type="text/javascript"> function initialize() { var mapOptions = { center: new google.maps.

这应该是非常基本的，但我真的找不到答案：

我尝试实现一个GoogleMap，使用GoogleAPI for business，并获得了一个工作的客户端ID/密钥

使用文档（）中的标准示例只能得到一个空白映射

这是显示空白映射的简单测试代码：

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


函数初始化（）{
变量映射选项={
中心：新google.maps.LatLng（-34.397150.644），
缩放：8
};
var map=new google.maps.map（document.getElementById（“地图画布”），
地图选项）；
}
google.maps.event.addDomListener（窗口“加载”，初始化）；

我需要得到正确的地图与所有的信息和地方，它包含

我找到的所有例子都是为了得到一张空白地图，或者给它添加一些东西

谢谢，

您提供的JavaScript适合我。您是否在网页中包含所需的div

<div id="map-canvas"/>

因此，总体而言，您应该具备以下条件：

<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">
    </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>


html{高度：100%}
正文{高度：100%；边距：0；填充：0}
#地图画布{高度：100%}
函数初始化（）{
变量映射选项={
中心：新google.maps.LatLng（-34.397150.644），
缩放：8
};
var map=new google.maps.map（document.getElementById（“地图画布”），
地图选项）；
}
google.maps.event.addDomListener（窗口“加载”，初始化）；

你所说的“空白”地图是什么意思？显示我看到的地图和你的代码，它不是“空白”，它显示我悉尼澳大利亚。你所说的“它包含的所有信息”是什么意思？请包括你的HTML和CSS，这样我们可以检查它，并确保你有所有必需的元素等。。。谢谢

<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">
    </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>