0

Aspx アプリケーションに Google マップを実装しています。次のコードは、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>

部分的に読み込まれた地図の画像

次の URL http://imageshack.us/photo/my-images/7/mapdk.jpg/にスクリーン ショットをアップロードしました。

私のCSHtmlページでページロード自体にマップを完全にロードする方法は? これに対する修正または解決策はありますか？

4

1 に答える 1

0

リンク先の画像には小さな地図が表示されているため、質問も...

私のCSHtmlページでページロード自体にマップを完全にロードする方法

...ページ全体をマップで埋めるということですか?

上記のサンプルコードを使用して（HTMLドキュメントの中に入れたと仮定しています）、どこかに div があるとすれ<div id="map_canvas"></div>ば、欠けているのは、マップに必要なサイズを定義するCSSだけだと思います. 例えば、

<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 に答える