0

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

部分加载地图的 Img

我在以下 URL http://imageshack.us/photo/my-images/7/mapdk.jpg/中上传了屏幕截图。

如何在页面上完全加载地图在我的 CSHtml 页面中自行加载？对此有任何修复或解决方案吗？

4

1 回答 1

0

您链接到的图像显示了一张小地图，您的问题也是如此......

如何在页面上完全加载地图在我的 CSHtml 页面中加载自身

...意思是您希望地图填满整个页面？

使用上面的示例代码（我假设您将其放在 HTML 文档<div id="map_canvas"></div>的. 例如，

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

Google Maps API 会将地图呈现为地图包含的 div 的大小。

另请参阅此Google Maps API 页面。他们的示例将呈现一个填满整个页面的地图：

<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0; padding: 0 }
  #map_canvas { height: 100% }
</style>
于 2012-09-29T12:57:15.773 回答