2

このページからhttp://www.bingmapsportal.com/isdk/ajaxv7#CreateMap1マップを作成できました。これはhtmlコードです：

<div class="fluid-row" style="height:300px;">
<div class="span12">
    <div id="prdmap" class="map">
    </div>
</div>

そしてJavaScript：

var map = null;
$(document).ready(function(){
    map = new Microsoft.Maps.Map(document.getElementById('prdmap'), {
        credentials: 'api_key',
        enableSearchLogo: false,
        enableClickableLogo: false
    });
    map.setView({mapTypeId : Microsoft.Maps.MapTypeId.road});
});

ただし、マップが読み込まれると、コンテナーの高さと幅ではなく、すべての画面が使用されます。コンテナ div の高さと幅を取得することは可能ですか?

4

3 に答える 3

7

位置パラメーターを使用すると、問題が解決しました。

<div id="prdmap" style="position:absolute; width:400px; height:400px;></div>
于 2012-11-16T21:43:41.260 に答える
0

コンテナ要素で幅と高さが指定されている（または継承されている）場合、マップはそれを取ります。投稿したコードは、の実際の幅と高さについて何も示していませんprdmap。prdmapid 、 class map、または<div>under classなどに対して定義された幅と高さに関する CSS スタイルが存在する可能性がありますspan12。html ソースを調べて、マップが画面全体に表示される理由を確認してください。また、可能であれば、明示的な幅と高さをインラインで定義してみてください。

        <div id='prdmap' style="width:500px; height:500px">
        </div>
于 2012-11-01T18:02:45.047 に答える
0

マップの作成中に高さと幅を指定する必要があります。

  map = new Microsoft.Maps.Map(document.getElementById('prdmap'), {
    credentials: 'api_key',
    enableSearchLogo: false,
    enableClickableLogo: false,
    width:500,
    height:500
});
于 2014-06-26T08:28:38.220 に答える