Question

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

我尝试使用Google API进行商务实施Google地图，并获得有效的客户ID /密钥。

使用文档中的标准示例（https://developers.google.com/maps/documentation/javascript/tutorial），只能获得空白地图。

这是显示空白地图的简单测试代码：

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

我需要获取包含其所包含的所有信息和地点的正确地图。

我找到的所有示例都是为了获取空白地图或添加内容。

谢谢， / B

Answer 1

您提供的JavaScript适用于我。您是否在网页中包含了所需的div？

<div id="map-canvas"/>

另外div可能需要设置样式，因为地图可能在那里但是高度为0px且宽度为0px（因此无法看到），以下CSS将使您的div全屏：

html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map-canvas { height: 100% }

总的来说，你应该有这个：

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

实施Google Maps API的问题（针对商家）

1 个答案: