Openlayers4中的全屏

2021-08-18 10:42:28 字數 953 閱讀 3930

openlayers4中,ol.control.fullscreen()可實現地圖的全屏展示,可是當地圖的初始化寬度和高度都不是100%的時候,全屏的時候只會寬度的100%,高度還是原來地圖的高度。本文講述如何解決此問題。

解決此問題的關鍵還是在於全屏的時候地圖的容器的高度也得變成100%。因此,解決**如下:

html,

body,

#map

#map

#map

:-moz-full-screen

#map

:-webkit-full-screen

#map

:-ms-fullscreen

#map

:fullscreen

技術部落格csdn:

github

****型別

內容qq

1004740957

lzugis15

e-mail

[email protected]

webgis群

452117357

android群

337469080

gis資料視覺化群

openlayers4 入門開發系列之船訊篇

本篇的重點內容是利用 openlayers4 實現船訊功能,效果圖如下 船訊 船訊 船訊 船訊 aislayer input bind click function ais.initsearchpanel map search box panel ais.refresh var map bmap.g...

openlayers 中的一些方法

openlayers.layer initialize 建立層div,註冊事件 destroy 登出 clone 轉殖當前層 setname 設定層name addoptions 新增附屬屬性 onmapresize 虛函式。由子函式實現。redraw 重畫 moveto 移動。未實現有意義動作 s...

Silverlight中的全屏相關

在sl中實現全屏很簡單,只要在需要全屏的頁面 1.命名空間 using system.windows.interop 2.在事件中寫入 content contentobj contentobj.isfullscreen 這樣就行了,如果想在全屏發生 取消時發生一些特定的動作,那麼 在建構函式中寫入...