4
私はLazy LoadingでBing Maps 7.0 APIを使用しようとしています。これはonScriptLoadパラメータでサポートされているようです。なぜBing Maps 7 AJAXコントロールが遅延読み込みではないのですか?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Bing Maps Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<div id='mapDiv' style="position:absolute; width:600px; height:400px;"></div>
<script type="text/javascript">
function initMap() {
console.log('Callback called');
var map = new Microsoft.Maps.Map(document.getElementById("mapDiv"), {credentials:"<API KEY>"});
}
function loadMapControl()
{
var script = document.createElement("script");
script.setAttribute("src", "http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0&onScriptLoad=initMap");
script.setAttribute("type", "text/javascript");
document.documentElement.firstChild.appendChild(script);
console.log('Tag appened');
}
setTimeout(loadMapControl, 1000);
</script>
</body>
</html>
コールバックは予想通りと呼ばれますが、Firebugのは私にMicrosoft.Maps.Map is not a constructor
エラーがスローされます。私は、この最小限のテストケースを使用しました。これは、コールバックがsetTimeout経由で呼び出された後にマップ作成を10秒遅らせる場合でも同様です。
ビングのドキュメントにおける単純な例は、しかし、完璧に働いている:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Bing Maps Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script charset="UTF-8" type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0"></script>
</head>
<body>
<div id='mapDiv' style="position:absolute; width:600px; height:400px;"></div>
<script type="text/javascript">
var map = new Microsoft.Maps.Map(document.getElementById("mapDiv"), {credentials:",API KEY>"});
</script>
</body>
</html>
誰でも遅延ロードで動作するようにAPI 7.0を得ることに成功していますか?
ありがとうございました。
グレート:今は、他の機能を追加できるだけであれば、最終的に顧客プロジェクトでも6.3を取り除くことができます – wildpeaks