Google マップ V3 が表示されないというトピックをすべて確認しましたが、いずれも私のシナリオに適合しませんでした。私は DotNetNuke 7x 用のモジュールに取り組んでおり、最初に、Google マップ V3 API コード サンプル ページのシンプル マップ ボイラープレート コードを使用してストレート html ページをコーディングしました。DNN アプリから HTML ページに移動すると、正常に動作します。
次に、そのコードを ascx コントロールに配置しました。Page Context Initialized で必要なコードを head タグに挿入し、ソースを表示するとそれが正しいことがわかります。コードの 1 つは Google マップの宣言で、もう 1 つは js インクルード ファイルです。
これを実行すると、javascript コンソールにこれに関するエラーはありません。しかし、マップがまったく表示されません。エリアはブロックされています。幅と高さを指定しましたが、マップはありません。
ソースを表示すると、次のようになります。
Head タグ内:
<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=MYAPIKEY&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>
私が考えることができる唯一の違いは、Google のサンプルの html5 ドキュメント タイプですが、DNN は XHTML ドキュメント タイプを使用します。彼らがそれを使った肌。
なぜこれが機能しないのか、誰にもわかりますか？
前もって感謝します。