谷歌地圖沒有完全加載在頁面上加載

我在我的Aspx應用程序中實現谷歌地圖。以下代碼在html中正常工作。當試圖在CSHtml中實現時，它不會在加載時完全顯示地圖。我在我的aspx中使用了以下代碼來加載地圖。谷歌地圖沒有完全加載在頁面上加載

<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAuPsJpk3MBtDpJ4G8cqBnjRRaGTYH6UMl8mADNa0YKuWNNa8VNxQCzVBXTx2DYyXGsTOxpWhvIG7Djw" 
    type="text/javascript"></script> 
<script src="http://www.google.com/uds/api?file=uds.js&amp;v=1.0" type="text/javascript"></script> 

<script src="gmlocalsearch.js" type="text/javascript"></script> 
<script type="text/javascript"> 

function initialize() { 
    if (GBrowserIsCompatible()) { 

    // Create and Center a Map 
    var map = new GMap2(document.getElementById("map_canvas")); 
    map.setCenter(new GLatLng(37.4419, -122.1419), 13); 
    map.addControl(new GLargeMapControl()); 
    map.addControl(new GMapTypeControl()); 

    // bind a search control to the map, suppress result list 
    map.addControl(new google.maps.LocalSearch(), new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(10,20))); 
    } 
} 
GSearch.setOnLoadCallback(initialize); 

</script>

圖的局部加載地圖

我上傳在如下網址http://imageshack.us/photo/my-images/7/mapdk.jpg/的屏幕截圖。

如何在我的CSHtml頁面加載頁面時完全加載地圖？任何修復或解決方案？

來源

2012-09-29 Lakshmi

已鏈接到顯示小地圖的圖像，所以做你的問題......

如何完全加載地圖在頁面加載本身在我CSHTML頁

.. 。是否你想要地圖填寫整個頁面？

使用你上面的示例代碼（我假設你把它放在HTML文檔中），並且假設你在某個地方有一個div <div id="map_canvas"></div>，我認爲你所缺少的是CSS來定義什麼你想要地圖的大小。例如，

<style type="text/css"> 
    #map_canvas { width: 800px; height: 800px; } 
</style>

的谷歌地圖API將呈現地圖的任何地圖的包含分區的大小。請參閱Google Maps API Page。他們的示例將呈現填充整個頁面的地圖：

<style type="text/css"> 
    html { height: 100% } 
    body { height: 100%; margin: 0; padding: 0 } 
    #map_canvas { height: 100% } 
</style>

來源

2012-09-29 12:57:15 JohnnyCoder

不，我不想在整個頁面中填寫地圖。我在彈出窗口中加載地圖。我嘗試了以上的解決方案，但仍然遇到同樣的問題。 – Lakshmi

那麼你有沒有在有人彈出窗口之前加載地圖？ – JohnnyCoder

是的，我想加載彈出窗口上的地圖加載 – Lakshmi

谷歌地圖沒有完全加載在頁面上加載

回答

相關問題