谷歌地圖上的自定義縮放級別

此時我有一個縮放級別爲4的簡單地圖。縮放級別5對我來說太大了。理想情況下，我希望4.6縮放級別可以在iOS SDK中用於Google地圖。谷歌地圖上的自定義縮放級別

有沒有關於如何將縮放級別設置爲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>

來源

2016-10-14 dang

看到這個鏈接， HTTP： //stackoverflow.com/questions/2265055/how-to-get-google-maps-api-to-set-the-correct-zoom-level-for-a-country and， http：// stackoverflow .com/questions/6048975/google-maps-v3-how-to-calculate-the-zoom-level-for-given-bounds –

您可以使用CSS縮放來使您的地圖適合您的需要。例如，將谷歌地圖放大到4，然後設置#map放大到1.15（因爲你想谷歌地圖放大到4.6 = 1.15 * 4）

<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%; 
     zoom: 1.15; 
     } 
    </style> 
</head> 
<body> 
    <div id="map"></div> 
    <script> 
     function initMap() { 
     var map = new google.maps.Map(document.getElementById('map'), { 
      zoom: 4, 
      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>

來源

2016-10-23 08:39:03

谷歌地圖上的縮放級別是整數。句號。您唯一的選擇是更改包含google.maps.Map對象的div的大小。

來源

2016-10-14 13:39:19 geocodezip

您是否有示例顯示？ – dang

您目前正在爲地圖使用百分比大小，這不適用於此選項。具體設置取決於顯示器的大小。 – geocodezip

谷歌地圖上的自定義縮放級別

回答

相關問題