Bing Maps v8が表示されない

新しいBing Maps v8を試しています。私は最初の例の1つに従っています： http://www.bing.com/api/maps/sdk/mapcontrol/isdk#loadMapSync+HTML Bing Maps v8が表示されない

これは機能します。しかし、私はテキストを追加するとき、testのように、それはマップを示す停止します

<!DOCTYPE html> 
<html> 
    <head> 
     <meta http-equiv='Content-Type' content='text/html; charset=utf-8'/> 
    </head> 
    <body> 
     test 
     <div id='printoutPanel'></div> 
     <div id='myMap'></div> 


     <script type='text/javascript' src='http://www.bing.com/api/maps/mapcontrol'></script> 
     <script type='text/javascript'> 
      function loadMapScenario() 
      { 
       var map = new Microsoft.Maps.Map(document.getElementById('myMap'), { 
        credentials: 'Your Bing Maps Key' 
       }); 

      } 

      window.onload = loadMapScenario; 
     </script> 
    </body> 
</html>

語第七行のtestは、それが動作を停止することができます。

出典

2016-05-04 Nekketsu

「動作を停止する」とはどういう意味ですか？どのようなエラーが出ますか？ – Bergi

'test'という単語を追加してもマップは表示されません。 Internet Explorer 11、Google Chrome 50.0.2661.94 m、Firefox 45.0.2でテストしました。コードをコピー/ペーストして自分でテストすることができます。 'test'という単語を削除すると、再度地図が表示されます。 – Nekketsu

@Nekketsu：Chrome 50.0.2661.94 mの私にとってはうまく動作します。http://jsbin.com/repovotafi/edit?html,outputのデモがありますので、確認してフィードバックをください。 –

doctypeはここでは失敗の原因であってはいけません。実際にはマップが使用するHTML5で使用されるdoctypeであるため、問題を軽減する必要があります。

あなたが指定したコードは動作するはずです。これを調べると、マップの幅が決して設定されていないことがわかりました。そのため、0になります。マップに幅または高さが指定されていない場合、マップはその親の次元を使用しようとします。本文にテキストを追加すると、計算が正しく行われないように見えます。私は開発チームにこれを見てもらうでしょう。

また、同期的に実行する必要がある古いコードを移行する場合は、マップを読み込むSyncメソッドを使用します。新しいアプリケーションを作成する場合は、地図コントロールを非同期にロードして、ページの読み込みを高速化する必要があります。 http://www.bing.com/api/maps/sdk/mapcontrol/isdk#loadMapAsync+HTML

出典

2016-05-04 17:18:53 rbrundritt

同期ロードと非同期ロードで同じ問題が発生します。 http://www.bing.com/api/maps/sdk/mapcontrol/isdk#loadMapAsync+HTMLの例を取得した場合、正しく動作します。本文にテキストを追加すると、そのテキストは機能しなくなります。 '<！DOCTYPE html>'を削除すると、本文にテキストを追加しても機能します。私は '<！DOCTYPE html>'宣言を使い、本文にテキストを加えて動作させたいのですが、できません。 – Nekketsu

上記のとおり、幅が指定されていないため、マップは幅0を評価しています。 style = "width：100％"をマップdivに追加して問題を修正できます。この場合、マップが幅0を評価している理由をdevチームが調べるようにします。 – rbrundritt

修正：次のスタイルをマップに追加すると、問題が修正されます。style = "height：100vh; width：100vw"代わりにピクセルの高さと幅を指定できます。 – rbrundritt

Bing Maps v8が表示されない

答えて

関連する問題