2013-05-15 61 views
-1

我想避免scroll-baropenlayers popup feature,下面是我的代碼如何openlayer功能沒有滾動條

popup = new OpenLayers.Popup.FramedCloud("chicken", 
      event.feature.geometry.getBounds().getCenterLonLat(), 
      new OpenLayers.Size(100,100), 
      content, 
      null, true, onPopupClose); 

event.feature.popup = popup; 
map.addPopup(popup); 

地圖div尺寸爲250px x 250px,如果popup含量超過map div然後scroll-bar不饒人,可以」我們避免這種情況?

回答

1

您可以覆蓋與自定義樣式的OpenLayers風格,例如:

.olPopup { 
    width: auto !important; 
    height: auto !important; 
} 
.olPopupContent { 
    width: auto !important; 
    height: auto !important; 
    max-width: 450px; 
} 

也可以看看在現有的彈出類型,有些人可能會滿足您的需求比其他更好。

+0

我已經嘗試過'css',但彈出窗口不會在此更改後顯示。感謝您的支持。 –

+0

使用FireBug或一些瀏覽器工具來找出你想改變的CSS。我不使用FramedCloud彈出框,因此這些類可能會有所不同。 –