亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

請問“數據切換”選項卡不下載傳單地圖。

請問“數據切換”選項卡不下載傳單地圖。

慕森卡 2019-08-01 13:01:35
“數據切換”選項卡不下載傳單地圖。我使用選項卡顯示明確的內容,但其中一個停止下載很好,因為它是在數據切換選項卡。這是一張傳單地圖。以下是代碼:海軍條形碼:<ul class="nav nav-tabs">     <li class="active"><a data-toggle="tab" href="#home">Données principales</a></li>     <li><a data-toggle="tab" href="#carte">Carte</a></li></ul><div class="tab-content">     <div id="home" class="tab-pane fade in active">Lorem ipsum</div>     <div id="carte" class="tab-pane fade"> **//see script below\\** </div></div>劇本:<div id="carteBenef"></div>       <script type="text/javascript">           $(document).ready(function () {               var map = new L.Map('carteBenef');               var cloudmadeUrl = 'http://{s}.mqcdn.com/tiles/1.0.0/osm/{z}/{x}/{y}.png',                      subDomains = ['otile1', 'otile2', 'otile3', 'otile4'],                      cloudmadeAttrib = 'Data, imagery and map information provided by                       <a href="http://open.mapquest.co.uk" target="_blank">MapQuest</a>,                       <a href="http://www.openstreetmap.org/" target="_blank">OpenStreetMap</a>                        and contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/" target="_blank">CC-BY-SA</a>';               var cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 18, attribution: cloudmadeAttrib, subdomains: subDomains});               var iades = new L.LatLng(<?php echo $beneficiaire->latitude . ', ' . $beneficiaire->longitude; ?>)               map.addLayer(cloudmade).setView(iades, 15);               var benefLocation = new L.LatLng(<?php echo $beneficiaire->latitude . ', ' .                $beneficiaire->longitude; ?>);               var benef = new L.Marker(benefLocation);               map.addLayer(benef);               benef.bindPopup("<?php echo htmlspecialchars($beneficiaire->nom) . ' ' . htmlspecialchars($beneficiaire->prenom); ?>").               openPopup();           });       </script>這張地圖在我把它放在標簽上之前就已經出現了,有人知道為什么它現在不起作用了嗎?謝謝=)
查看完整描述

3 回答

?
慕絲7291255

TA貢獻1859條經驗 獲得超6個贊


首先,感謝@ghybs對為什么在這種情況下沒有正確顯示傳單地圖所作的很好解釋。

對于那些嘗試@ghybs的回答失敗的人,您應該嘗試調整瀏覽器的大小,而不是調用map對象的方法:

window.dispatchEvent(new Event('resize'));

這個修復方法對我有效,而且在每一種情況下都應該有效。




查看完整回答
反對 回復 2019-08-02
?
波斯汪

TA貢獻1811條經驗 獲得超4個贊

我有這個問題,因為我用modalBootstarp。反正也解決不了。我試過map.invalidateSize()window.dispatchEvent(new Event('resize'));但不是固定的。

最后,這一問題得到了解決:

$('#map-modal').on('shown.bs.modal', function(event) {});

'shown.bs.modal'事件意味著當模態是完全加載和沒有任何混淆的大小,現在里面寫你的代碼


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

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號