为什么我的 JavaScripted Google Map 看起来与公共地图不同？答案

【问题标题】：Why does my JavaScripted Google Map look different than the public one?为什么我的 JavaScripted Google Map 看起来与公共地图不同？
【发布时间】：2014-06-12 16:34:48
【问题描述】：

请先查看此地图： Google Map

接下来，把这段代码放到一个新的.htm文件中，在同一个浏览器中查看：

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <style type="text/css">
      html { height: 100%; width: 100% }
      body { height: 100%; width: 100%; margin: 0; padding: 0 }
      #map_canvas { height: 100%; width: 100% }
    </style>
    <script type="text/javascript"
      src="http://maps.googleapis.com/maps/api/js?v=3.16"></script>
    <script type="text/javascript">
      function initialize() {
        var map_canvas = document.getElementById('map_canvas');
        var map_options = {
          center: new google.maps.LatLng(40.2956686,-111.7006661),
          zoom: 12,
          mapTypeId: google.maps.MapTypeId.SATELLITE
        };
        var map = new google.maps.Map(map_canvas, map_options);
        map.setTilt(45);
      };
      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  </head>
  <body>
    <div id="map_canvas" />
  </body>
</html>

我的问题是，为什么谷歌地图有更多的倾斜度选项，甚至还有一个倾斜图标，但我用谷歌地图 JavaScript API 创建的地图在那个缩放级别上没有这样倾斜？我的经理希望我创建类似这篇文章中链接的 Google 地图，而不是我使用 Google Map JavaScript API 创建的。我应该使用什么 API？我试过检查 Google Map JavaScript 代码，但我无法理解。

【问题讨论】：

标签： javascript google-maps google-maps-api-3

【解决方案1】：

因为 Google Maps 和 Google Maps API v3 由不同的团队维护，并且有不同的目标。 Google Maps 面向最终用户，而 Google Maps API 面向开发人员。此外，谷歌希望在他们的平台上保持优势，因此没有开发者从谷歌地图上窃取临时用户。

此外，在谷歌地图中推出新功能比将它们集成到 API 中更容易，所有文档都有他们必须遵守的语法层次结构。他们只需要将新代码作为插件包含在内，而 Google Maps API 库必须将所有内容集成到其核心中。

其中一些功能确实可以用于谷歌地图 API。其中一些没有。

【讨论】：