第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

當嵌套在div標簽中時,地圖未顯示在Google Maps JavaScript API v3上

當嵌套在div標簽中時,地圖未顯示在Google Maps JavaScript API v3上

開滿天機 2019-11-30 15:15:46
我正在嘗試將div用于顯示地圖(<div id="map-canvas"></div>)的標簽放在另一個標簽中div,但它不會以這種方式顯示地圖。是CSS還是JavaScript問題?還是僅僅是API的工作方式?這是我的嵌套代碼div:<!DOCTYPE html><html>  <head>    <title>Simple Map</title>    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">    <meta charset="utf-8">    <style>        html, body, #map-canvas {            margin: 0;            padding: 0;            height: 100%;        }    </style>    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false">    </script>    <script>        var map;        function initialize() {          var mapOptions = {            zoom: 8,            center: new google.maps.LatLng(-34.397, 150.644),            mapTypeId: google.maps.MapTypeId.ROADMAP          };          map = new google.maps.Map(document.getElementById('map-canvas'),              mapOptions);        }        google.maps.event.addDomListener(window, 'load', initialize);    </script></head><body>    <div> <!-- ommiting this div will show the map -->        <div id="map-canvas"></div>    </div></body></html>
查看完整描述

3 回答

?
慕絲7291255

TA貢獻1859條經(jīng)驗 獲得超6個贊

問題在于百分比大小。您沒有定義父div的大?。ㄐ碌膁iv),因此瀏覽器無法將大小報告給Google Maps API。給包裝器div指定一個特定的大小,或者如果可以確定其父對象的大小,則給一個百分比大小將起作用。


請參閱Mike Williams的Google Maps API v2教程中的以下說明:


如果嘗試在地圖div上使用style =“ width:100%; height:100%”,則會得到高度為零的地圖div。這是因為div試圖占的大小的百分比<body>,但是默認情況下div的<body>高度是不確定的。


有多種方法可以確定屏幕的高度,并將該像素數(shù)用作地圖div的高度,但是一個簡單的替代方法是更改<body>,使其高度為頁面的100%。我們可以通過將style =“ height:100%”應用于<body>和來實現(xiàn)<html>。(我們必須對兩者都這樣做,否則 <body>嘗試將其設置為文檔高度的100%,并且默認值是不確定的高度。)


將100%的大小添加到HTML和CSS中的正文中


    html, body, #map-canvas {

        margin: 0;

        padding: 0;

        height: 100%;

        width: 100%;

    }

內(nèi)聯(lián)添加到?jīng)]有id的所有div中:


<body>

  <div style="height:100%; width: 100%;"> 

    <div id="map-canvas"></div>

  </div>

</body>


查看完整回答
反對 回復 2019-11-30
?
當年話下

TA貢獻1890條經(jīng)驗 獲得超9個贊

您是否嘗試過設置額外div的高度和寬度,我知道在我正在使用JS進行的項目中,除非已經(jīng)設置了高度和寬度,否則不會在div中放置任何內(nèi)容。


我使用了您的代碼,并對高度和寬度進行了硬編碼,但對我來說卻顯示出來了,沒有它就不會顯示出來。


<body>

    <div style="height:500px; width:500px;"> <!-- ommiting the height and width will not show the map -->

         <div id="map-canvas"></div>

    </div>

</body> 

我建議您對其進行硬編碼或為div分配一個ID,然后將其添加到您的CSS文件中。


查看完整回答
反對 回復 2019-11-30
  • 3 回答
  • 0 關注
  • 671 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號