1

jQueryMobileを使用してWebアプリを作成しています。私の地図は私が望む方法を示していません。ヘッダーの下の画面いっぱいに表示してほしい。コンテンツdivの幅と高さは100％に設定されていますが、このパラメーターに従うのは幅のみで、高さは30pxに設定されています。

このページは、ボタンがクリックされたときに表示されます。

<div data-role="page" data-theme="b" id="Map">
    <div data-role="header">
        <a href="#Resultaten" data-role="button" data-icon="back" align="left" 
        data-iconshadow="false" data-direction="reverse" data-transition="slide"
        data-iconpos="notext">Terug</a>
        <h1>Kaart</h1>
        <a href="#Home" data-role="button" data-icon="home" 
        data-iconshadow="false" data-direction="reverse" onclick="empty()" 
        data-transition="slide" data-iconpos="notext">Terug</a>
    </div>
    <div data-role="content" id="map_canvas">
    <script>
        var map;
        function create_map(){
            var myOptions = {
            zoom: 15,
            center: new google.maps.LatLng(latitude, longitude),
            mapTypeId: google.maps.MapTypeId.ROADMAP
            }
            map = new google.maps.Map(document.getElementById("map_canvas"),
            myOptions);    
        }                

    </script>
    </div>
</div>

map_canvasのcss：

.map_canvas{
width: 100%; 
height: 100%; 
padding: 0;
}

結果

4

2 に答える 2

1

.map_canvasIDを持つ要素には影響しません。代わりmap_canvasに使用してください#map_canvas

于 2012-04-13T17:01:01.027 に答える
0

CSSは何かを100％知る必要があります。現在div、マップを含むの高さを指定していませんdiv。デスクトップブラウザでは、階層の高さをまで指定する必要があります<html>。

divAPIはそのスペースを必要とするため、マップ内に何かを自分で配置することもお勧めできません。APIがマップを作成するときに、スクリプトが削除される場合があります。

于 2012-04-13T09:32:56.827 に答える