회색 삽입 된 Google지도

예 : example에서 찾은 예제를 사용하려고하는데 기본지도가 표시 될 수 있지만 작은 것은 회색입니다. 즉,지도가 없습니다. 내 코드에 어떤 문제가 있습니까?회색 삽입 된 Google지도

@section 스타일 시트는 ASPNET MVC 3에서 온 것일 뿐이지 만 중요하지는 않습니다. html로 입력 할 수 있습니다.

미리 감사드립니다. 기예르모.

@section Stylesheets 
{ 
<style type="text/css"> 

#minimap { 
position: absolute; 
right: 0; 
bottom: 0; 
width: 160px; 
height:150px; 
z-index: 100; 
visibility:visible; 
border-top: 4px double #bbb; 
border-left: 4px double #bbb; 
} 


#closebutton { 
position: absolute; 
right: 0; 
bottom: 0; 
background: url('http://maps.gstatic.com/mapfiles/mapcontrols3d7.png') no-repeat; 
background-position: -40px -386px; 
width: 19px; 
height: 19px; 
z-index: 110; 
cursor: pointer; 
} 

#closebutton.closed { 
background-position: -40px -405px; 
} 

</style> 
} 
@section Scripts 
{ 
    <script type="text/javascript" src="http://code.jquery.com/ui/1.8.16/jquery-ui.min.js"></script> 
    <!--For the tabs in the infoWindow--> 
    <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script> 
} 
<script type="text/javascript"> 

    function init(sv_visible) { 
     var g = google.maps; 
     var map, pano, mini; 
     var mapDiv = document.getElementById('map_canvas'); 

     var center = new g.LatLng(37.422, -122.084); 

     var optionsMainMap = { 
      zoom: 13, 
      center: center, 
      mapTypeId: google.maps.MapTypeId.ROADMAP, 
      mapTypeControlOptions: { 
       style: google.maps.MapTypeControlStyle.DROPDOWN_MENU 
      }, 
      panControl: true, 
      scaleControl: true, 
      zoomControl: true, 
      zoomControlOptions: { 
       style: google.maps.ZoomControlStyle.LARGE 
      } 
     }; 

     map = new g.Map(mapDiv, optionsMainMap); 

     var optionsMiniMap = { 
      zoom: 14, 
      mapTypeId: google.maps.MapTypeId.SATELLITE, 
      mapTypeControlOptions: { 
       style: google.maps.MapTypeControlStyle.DROPDOWN_MENU 
      }, 
      panControl: true, 
      scaleControl: true, 
      zoomControl: true, 
      zoomControlOptions: { 
       style: google.maps.ZoomControlStyle.SMALL 
      } 
     }; 

     var miniMapDiv = document.createElement("div"); 
     miniMapDiv.id = "minimap"; 
     miniMapDiv.style.visibility = "visible"; 

     mini = new g.Map(miniMapDiv, optionsMiniMap); 
     mapDiv.appendChild(miniMapDiv); 
    } 

    window.onload = function() { init(true); }; 

</script> 
<div id="map_canvas" style="width: 1870px; height: 804px;"> 
</div> 
<div style="position: absolute; top: 10px; left: 680px; width: 210px"> 
</div>

출처

2012-03-07 polonskyg

'google.maps.event.trigger (미니,'크기 조정 ');''mapDiv.appendChild (miniMapDiv);'행 다음에 추가하십시오. – Engineer

안녕하세요, 동일한 일이 발생합니다. – polonskyg

문제는 삽입 된지도 내가 그것을 정의 할 때,지도가 나타났다, 중심이 정의되어 있지 않은 것이 었습니다. 감사합니다. 기예르모.

출처

2012-03-07 17:48:32 polonskyg

회색 삽입 된 Google지도

답변

관련 문제