製作Google地圖時自動縮小顯示指定位置

Question

我有一個引導網站使用谷歌地圖顯示位置作爲標題圖片。

您可以在這裏看到的網頁：http://www.tarmastersasphalt.com/contact.asp

在頁面的HTML代碼是這樣的：

<div id="map" class="map img-responsive"> 
</div> 

。

頁拉在頁腳這些標準引導功能：

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script> 
<script type="text/javascript" src="assets/plugins/gmap/gmap.js"></script> 

。

和頁面還呼籲在這個函數：

var ContactPage = function() { 

    return { 

     //Basic Map 
     initMap: function() { 
      var map; 
      $(document).ready(function(){ 
       map = new GMaps({ 
       div: '#map', 
       lat: 38.9721102, 
       lng: -94.1037494 
       }); 

       var marker = map.addMarker({ 
       lat: 38.9721102, 
       lng: -94.1037494, 
       title: 'Tar Masters.' 
       }); 
      }); 
     }, 

     //Panorama Map 
     initPanorama: function() { 
      var panorama; 
      $(document).ready(function(){ 
       panorama = GMaps.createPanorama({ 
       el: '#panorama', 
       lat : 38.9721102, 
       lng : -94.1037494 
       }); 
      }); 
     }   

    }; 
}(); 

。

，然後執行此功能：

<script type="text/javascript"> 
    jQuery(document).ready(function() { 
     ContactPage.initMap();   
    }); 
</script> 

。

這一切工作正常。我想要做的是讓Google地圖在頁面上顯示時實際顯示得更加縮小。我想你可以在鏈接中使用像這樣的&z=nn或,nnz來完成此操作。

。

例如 - 如果你使用的瀏覽器，並直接去這個網址：

https://www.google.com.au/maps/place/1426+State+Hwy+TT,+Bates+City,+MO+64011,+USA/@38.9555594,-94.1035777,17z/data=!3m1!4b1!4m2!3m1!1s0x87c11502459d838b:0xadf0c711b5a89c2a

，你會看到地圖，因爲它會顯示在我的網站。但是，如果你去這裏：

https://www.google.com.au/maps/place/1426+State+Hwy+TT,+Bates+City,+MO+64011,+USA/@38.9734448,-94.1113454,13z/data=!4m2!3m1!1s0x87c11502459d838b:0xadf0c711b5a89c2a

，你會看到地圖，因爲我希望它出現在我的網站。注意在第一個鏈接中使用,17z，在第二個鏈接中使用,13z。 （順便說一句：我也注意到它似乎改變了座標數字......不知道那是什麼。）

。

所以我的問題如下：有什麼辦法可以告訴gmap函數，我希望它在第一次顯示時更加縮小（一旦它被顯示後不需要手動縮小）？

我想我已經閱讀過某些地方，你可以添加一些不可見的標記，這將迫使谷歌縮小更多，以顯示可視區域中的所有標記..但我不知道如何完成這一點。

。

注意：請在大屏幕上查看網站以查看我在說什麼。 （當窗口大小變小時，我使用靜態圖像作爲標題圖像，因爲地圖的交互性不適用於智能手機顯示器。您無法滾動瀏覽標題圖片，因爲它佔據了整個視口，而您所做的只是移動地圖，而不是向下滾動頁面。）

。

任何幫助將不勝感激！

Answer 1

你必須傳遞給GM​​aps選項定義縮放，例如：

map = new GMaps({ 
      div: '#map', 
      lat: 38.9721102, 
      lng: -94.1037494, 
      zoom: 10 
      }); 

（默認值爲15）