Google지도 API V3 및 DotNetNuke 7.x

Question

Google지도 V3에 대한 모든 항목을 확인했지만 내 장면 보호 기능에 맞지 않습니다. 나는 DotNetNuke 7x 모듈을 만들고 있는데, 먼저 Google 맵스 V3 API 코드 샘플 페이지의 Simple Map 보일러 플레이트 코드로 직접 HTML 페이지를 코딩했습니다. 내 DNN 응용 프로그램을 통해 내 HTML 페이지로 이동할 때 제대로 작동합니다.

다음 코드를 가져 와서 ascx 컨트롤에 넣습니다. Page Context Initialized에서 head 태그에 필요한 코드를 삽입하고 소스가 올바른지를 확인합니다. 하나의 코드는 Google Map 선언이고, 다른 하나는 js include 파일입니다.

자바 스크립트 콘솔을 실행할 때 관련 오류가 없습니다. 그러나지도가 전혀 표시되지 않습니다. 그 지역은 그곳을 막았고, 그 너비와 높이를주었습니다. 그러나지도는 없습니다. 헤드 태그에서

:

여기가 소스보기를 통해 보이는 방법

<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=MYAPIKEY&amp;sensor=false"></script> 

<script src="/MyOnlineMarketingHub/DesktopModules/UCU_Organization/js/JScript2.js" type="text/javascript"></script> 

JScript2.js 파일 내용 :

var map; 
function initialize() { 
var mapOptions = { 
zoom: 8, 
center: new google.maps.LatLng(-34.397, 150.644), 
mapTypeId: google.maps.MapTypeId.ROADMAP 
}; 
map = new google.maps.Map(document.getElementById('map-canvas'), 
mapOptions); 

}

에서는 google.maps. event.addDomListener (window, 'load', initialize); 몸에

:

<div id="map_canvas" style="height:250px; width:350px;"></div> 

내가 생각할 수있는 유일한 차이점은 구글의 샘플에서 HTML5의 문서 형식이지만, DNN은 XHTML의 문서 유형을 사용 - 내가 변경할 수 없습니다 그러나 그 사람이 누구 때문에 이 모듈을 사용하면 함께 사용 된 모든 스킨의 doc 유형을 변경해야합니다.

왜 이것이 작동하지 않는지 알 수 있습니까?

미리 감사드립니다.

Answer 1

귀하의 요소 ID는 'map_canvas'하지만 스크립트에서 당신은 '지도 캔버스'이를 해결하기위한