Google地图上的自定义缩放级别

时间:2016-10-14 13:26:48

标签: google-maps

此时我有一个缩放级别为4的简单地图。缩放等级5对我来说太大了。理想情况下,我希望在iOS SDK for Google地图中使用4.6缩放级别。

有没有办法将缩放级别设置为4.6?我希望地图占据整页,所以不能真正放入div并使用它的那一部分。

目标是在中心展示完整的美国。

<!DOCTYPE html>
<html>
<head>
    <meta content="initial-scale=1.0, user-scalable=no" name="viewport">
    <meta charset="utf-8">
    <title>Map example</title>
    <style>
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
      #map {
        height: 100%;
      }
    </style>
</head>
<body>
    <div id="map"></div>
    <script>

      var layer;
       var layer1;
      function initMap() {
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 5,
          center: {lat: 39.8282, lng: -98.5795}
        });


      }
    </script> 
    <script async defer src=
    "https://maps.googleapis.com/maps/api/js?key=AIzaSyBMtoh9P3UkoxbXndKu_HOP7KsVwTRvxGU&callback=initMap">
    </script>
</body>
</html>

2 个答案:

答案 0 :(得分:4)

您可以使用CSS缩放功能使地图满足您的需求。 例如,将Google地图缩放设置为4,然后将#map缩放设置为1.15(因为您希望Google地图缩放到4.6 = 1.15 * 4)

gulp-htmlmin

答案 1 :(得分:2)

Google地图上的缩放级别是整数。完全停止。您唯一的选择是更改包含google.maps.Map对象的div的大小。