Google지도가 페이지에 완전히로드되지 않습니다.로드

Question

내 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> 

부분로드 맵

에 대한

IMG는 내가 follwing을 URL http://imageshack.us/photo/my-images/7/mapdk.jpg/의 스크린 샷을 업로드.

내 CSHtml 페이지에서 페이지를 완전히로드하는 방법은 무엇입니까? 이것에 대한 모든 수정 또는 솔루션?

Answer 1

당신이 작은지도 쇼에 연결 한 이미지, 그래서 질문을하지 ... 내 CSHtml 페이지

에서 페이지로드 자체에 완전히지도를로드하는 방법

.. 지도가 전체 페이지를 채우기를 원한다는 것을 의미합니까?

위 예제 코드를 사용하면 (HTML 문서에 넣었다 고 가정합니다) div가 어딘가에 있다고 가정하면 <div id="map_canvas"></div>은 내가 정의한 CSS가 무엇인지 정의하는 것입니다 당신이지도를 원하는 크기. 예를 들어,

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

Google지도 API는지도를 포함하는 div의 크기에 상관없이지도를 렌더링합니다.

자세히 알아보기 Google Maps API Page 그들의 예는 전체 페이지를 채우는지도를 렌더링합니다 :

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