谷歌地图没有完全加载在页面上加载

我在我的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

谷歌地图没有完全加载在页面上加载

回答

相关问题