bing地圖響應式設計

-1

在任何人跳過我尋求已存在的問題的答案之前，請閱讀我的問題的其餘部分，並告訴我如何處理此問題。bing地圖響應式設計

已有一個問題提問（Making the Bing Map API Map responsive），其中包含標記爲答案的內容，但答案不起作用。

問題？除了一些其他問題（Google vs. Bing，JavaScript實現的完整列表等）之外，答案還包括名爲listingW的變量，該變量在答案或問題的任何地方都不存在。

有沒有人有Bing或Google的工作示例（完整）？

在此先感謝！

$(window).resize(function() { 
 
var screenH = $(document).height(); 
 
var screenW = $(document).width(); 
 
$('#map-canvas').css({ 
 
    width: screenW - listingsW, 
 
}) 
 
google.maps.event.trigger(map, 'resize'); 
 

 
});

來源

2014-09-23 user2247569

該解決方案已添加到[問題]（http://stackoverflow.com/questions/18905546/making-the-bing-map-api-map-responsive）... – geocodezip 2014-09-23 02:02:15

listinsW是他們的頁面上的某些其他控制的寬度。如果您有一個側面板，其中可能包含地圖旁邊的項目列表，則可以從屏幕寬度中減去該面板的寬度以獲取地圖的寬度。如果你有一個全屏幕地圖，然後刪除此屬性。所有這些都說你可以通過設置css屬性來簡單地讓地圖填充可用空間;位置：相對;寬度：100％;高度：100％。您還需要將以下內容添加到CSS樣式中：

html,body{ 
margin:0; 
padding:0; 
width:100%; 
height:100%; 
}

通過使用CSS，您無需擔心在窗口大小調整時使用事件。

來源

2014-09-23 08:05:50 rbrundritt

寬度：100％和高度：雖然100％可能不適用於IE的早期版本，但它有時會表現怪異。 http://stackoverflow.com/questions/16811716/height100-not-working-in-internet-explorer – 2014-09-23 08:29:24

它適用於我在IE7,8,9,10,11。沒有測試IE6，但V7在技術上不支持該版本的IE。 IE6的市場份額約爲3％。 – rbrundritt 2014-09-23 08:35:24

是的，它的工作，但你可以在一個完全集成的網站，其中網頁設計師/集成商弄糟父元素的CSS信息的不良行爲。如果需要檢查鏈接。 – 2014-09-23 08:57:03

bing地圖響應式設計

回答

相關問題