0

私のウェブサイトに問題があります。

次のように、Microsoft bing マップを div に追加しようとしています。

<body onload="getPosition();">
    <div id="panel">
            <div id="header">
                Some text here 
            </div>
            <div id="map" style="display:block; position:relative;"> 
            </div>
            <input type="button" name="loadForm">Load Form</input>
    </div>

マップをロードする Javascript は次のように行われます。

function getPosition() 
{
    var map;
    //get the map
    map = new Microsoft.Maps.Map(document.getElementById('map'), {credentials: bing_api, mapTypeId: Microsoft.Maps.MapTypeId.road, zoom: 1});
    if (navigator.geolocation)
    {
         //zoom into current location
         getCurrentLocation();
    }
    else
    {
        alert("Geolocation not supported");
    }
}

ただし、マップが読み込まれず、デバッガーからエラーが表示されますCannot call method 'appendChild' of null。エラーをスローするコードは Microsoft から来ているようです。

私の質問は、私は何か間違ったことをしていますか? body タグでイベントを実行すると、body のすべての要素が読み込まれるまでタグを作成しないという印象を受けましたonload(そうではないようです)。ありがとう！

4

0 に答える 0