Openlayers 4 官方示例概述

Samples

  1. 通過EPSG.io搜索進行二次投影
  2. 視圖(View)動畫
  3. 使用動態(tài) ArcGIS REST MapService
  4. 使用 ArcGIS REST MapService 作為瓦片地圖
  5. Attributions
  6. Bing 地圖
  7. 混合模式 - Blend Modes
  8. 框選 - Box Selection
  9. 自定義工具提示 - 重置地圖方向
  10. CanvasGradient or CanvasPattern 樣式特性
  11. 顯示瓦片坐標(biāo) - Canvas Tiles
  12. 云上地理數(shù)據(jù)庫 - 通過面積篩選歐洲國家
  13. View視圖定位高級特性
  14. 聚類特性 - Clustered Features
  15. 地圖顏色操作
  16. 自定義控制按鈕 - 旋轉(zhuǎn)地圖到正北
  17. 自定義圖標(biāo) - 創(chuàng)建一個客戶自定義的歸屬圖標(biāo)
  18. 自定義交互 - 創(chuàng)建圖形或圖標(biāo)元素實現(xiàn)拖放
  19. 使用d3.geo.path加載TopoJSON作為圖像層的影像
  20. 設(shè)備方向自適應(yīng)
  21. 拖拽文件直接加載到地圖上
  22. 拖拽文件直接加載到地圖上,僅支持默認(rèn)投影
  23. 使用shift+drag 旋轉(zhuǎn)移動縮放地圖
  24. 繪制和修改要素類(畫點線面和修改)
  25. 畫點線面瓜贾,shift徒手畫點線面
  26. 徒手畫點線面
  27. shift畫shape規(guī)則圖形
  28. 動態(tài)數(shù)據(jù)
  29. 通過kml的地震集聚類
  30. 通過kml使用自定義樣式加載地震集
  31. 創(chuàng)建EPSG:4326的地圖
  32. 以png形式導(dǎo)出當(dāng)前地圖View
  33. 以pdf形式導(dǎo)出當(dāng)前地圖View
  34. 自定義交互控件悴能,shift+drag繪制范圍(extent)
  35. 使用postcompose和vectorContext創(chuàng)建添加要素時的自定義動畫
  36. 使用postcompose和vectorContext創(chuàng)建一個maker在線上運動的動畫
  37. 使用postcompose和vectorContext創(chuàng)建航線圖
  38. 高速渲染海量頂點的Feature(要素)
  39. 全屏拖拽,旋轉(zhuǎn)和縮放
  40. 全屏控制帶額外面板元素的地圖
  41. 全屏控制
  42. 集成geojson-vt庫
  43. 加載GeoJSON的Feature(要素)類
  44. 手持設(shè)備位置和方向追蹤
  45. 位置定位
  46. 通過點擊事件獲取和展示W(wǎng)MS服務(wù)image(影像)層的Feature(要素)詳情信息
  47. 使用WMS的getFeatureInfo獲取圖層Feature(要素)信息
  48. 通過點擊事件獲取和展示W(wǎng)MS服務(wù)Tile(瓦片)層的Feature(要素)詳情信息
  49. 展示如何使用GPX數(shù)據(jù)源
  50. 在地圖上添加格子線
  51. 地震熱力圖
  52. 使用ol.source.XYZ加載here地圖
  53. 調(diào)整Feature的點擊寬容度以適應(yīng)觸摸設(shè)備
  54. 為圖標(biāo)設(shè)置自定義顏色
  55. 使用圖標(biāo)來表示點获询,并擁有點選狀態(tài)顯示
  56. 使用webGL渲染采用圖片樣式的圖標(biāo)
  57. 使用圖標(biāo)表示點涨岁,為圖標(biāo)添加點擊顯示氣泡信息的事件
  58. 使用點集來描述點運動蹤跡和軌道
  59. 濾鏡 - postcompose偵聽器對圖像數(shù)據(jù)應(yīng)用過濾器來改變圖像的風(fēng)格
  60. 圖像加載事件 - 偵聽imageloadstart、imageloadend和imageloaderror事件來監(jiān)視圖像加載進度
  61. 圖像矢量層渲染(使用renderMode: 'image'渲染 ol.layer.Vector)犧牲精確性獲取更快的動畫渲染
  62. 集成JSTS
  63. 加載kml的地震數(shù)據(jù)實現(xiàn)地震震級的可視化
  64. 加載kml數(shù)據(jù)實現(xiàn)全球時區(qū)的可視化
  65. 加載kml作為矢量源數(shù)據(jù)
  66. 使用WebGL通過precompose和postcompose鉤子函數(shù)來剪輯圖層
  67. 圖層剪裁
  68. 使用layer.setExtent()改變覆蓋層的Extent(范圍)
  69. 圖層組管理 - 顯示/隱藏和透明度
  70. 圖層透視渲染 - 在一個圖層上創(chuàng)建一個可以觀察到另一個圖層的蒙版
  71. 地圖滑動映射 - 滑塊左右在同一地圖分區(qū)域渲染不同的圖層吉嚣,調(diào)整滑塊改變兩個圖層大小
  72. 圖層z-index - 控制圖層繪制疊加順序
  73. 使用layer.setSource()延遲加載圖層源
  74. 為lineString繪制指向箭頭
  75. 本地化OpenStreetMap(自定義區(qū)域地圖)
  76. 地圖局部放大鏡
  77. Mapbox Vector Tiles - 在隨后的縮放級別上重用源塊以節(jié)省帶寬
  78. Mapbox Vector Tiles - mapbox加載的簡單實例
  79. MapGuide Untiled
  80. 距離和面積測量
  81. 控制各個圖層的呈現(xiàn)級別
  82. 調(diào)整地圖的View縮放級別以便每次只能看到一個世界地圖
  83. 移動設(shè)備全屏示例
  84. 選擇和修改Feature(要素)類
  85. 修改Feature(要素)類的簡單示例
  86. 獲取鼠標(biāo)位置對應(yīng)坐標(biāo)系下的坐標(biāo)信息
  87. 設(shè)置地圖縮放級別是否可為小數(shù)級別
  88. 通過map的moveend事件監(jiān)聽地圖實時的extent
  89. 添加導(dǎo)航按鈕到地圖上梢薪,點擊定位到指定的extent
  90. Mapzen矢量瓦片地圖
  91. Overlay(覆蓋物) - 使用bootstrap的popups彈出層顯示點擊點詳情
  92. 定制overviewmap控件 - 定制世界地圖小浮窗
  93. 基本的OverviewMap控件
  94. Permalink(永久鏈) - 使用HTML 5 History API在移動地圖時實時更新地址欄url的縮放級別,中心點和旋轉(zhuǎn)角度
  95. ol.interaction.PinchZoom設(shè)置小數(shù)級別的縮放
  96. 自定義Polygon(多邊形)樣式
  97. 地圖帶關(guān)閉按鈕的Popup彈出層
  98. 預(yù)加載地圖尝哆,使縮放更加平滑
  99. 根據(jù)地圖像素顏色生成柵格圖層展示植被覆蓋率秉撇,并生成可視化柱狀圖統(tǒng)計
  100. 根據(jù)輸入像素的顏色和設(shè)定的閥值判斷是否屬于連續(xù)區(qū)域
  101. 規(guī)則shape(形狀)
  102. 在canvas上渲染geometries
  103. 通過EPSG.io搜索對地圖進行二次投影
  104. 單個圖像源的客戶端重投影 - 使用proj4自定義坐標(biāo)系
  105. 使用WGS84重投影OpenStreetMap
  106. raster在不同坐標(biāo)系下的重投影
  107. 重復(fù)使用Source,通過source.setUrl()來切換Tile的源地址,通過source.refresh()清除當(dāng)前Tile
  108. 使用Alt+Shift+Drag去旋轉(zhuǎn)地圖
  109. OpenStreetMap 帶US單位比例尺的重投影
  110. 結(jié)合地形信息演示海平面上升淹沒可視化
  111. 綁定選擇Features方式的監(jiān)聽事件:單擊畜疾,單點擊赴邻,劃過,Alt+點擊
  112. 在OSM上疊加顯示一個半透明的圖層
  113. 地圖比例尺控件
  114. 地形陰影
  115. 共享Views - 兩個map共享中心點啡捶、分辨率姥敛、旋轉(zhuǎn)和圖層,分別使用canvas和WebGL進行渲染
  116. 簡單的OSM地圖
  117. 畫點線面圓并提供修改
  118. 使用格子組件的球形摩爾威德投影地圖
  119. Stamen瓦片地圖 - watercolor層和terrain labels層
  120. 在地圖上自定義坐標(biāo)系來展示靜態(tài)圖片
  121. 為街道添加文字標(biāo)簽
  122. 使用WebGL為地圖創(chuàng)建海量帶紋理的symbols
  123. Synthetic(合成) Lines
  124. Synthetic(合成) Points
  125. 動態(tài)修改地圖的target瞎暑,將一個地圖從一個dom移動到另一個dom
  126. Image tile sources的加載事件彤敛,基于事件為地圖加載添加一個底部進度條
  127. 瓦片渲染的轉(zhuǎn)場效果形式:是否為透明
  128. 通過TileJSON加載圖層
  129. 結(jié)合mapbox實現(xiàn)移動鼠標(biāo)到某區(qū)域顯示該區(qū)域國家的名稱和旗幟圖片
  130. 4326和3857投影下的天梭指示線
  131. 使用ol.format.TopoJSON渲染Features到地圖上
  132. 集成topolis
  133. 在地圖上選擇和拖動Features(要素)類
  134. openlayers和turf.js的交互,沿著街道每隔200m顯示一個marker
  135. 加載ArcGIS REST Feature Service的Features了赌,并允許添加新Features或更新現(xiàn)有Features墨榄。
  136. 當(dāng)View Extent發(fā)生變化時,從ArcGIS REST Feature服務(wù)中加載新Features
  137. 防止地圖標(biāo)簽的重疊和溢出
  138. 為Features添加文字標(biāo)簽以及對文字標(biāo)簽樣式的詳細設(shè)置
  139. 鼠標(biāo)懸停加載顯示從geojson讀取出來對應(yīng)的Features的信息
  140. 使用bbox strategy動態(tài)的從Overpass API加載OSM XML vector數(shù)據(jù)
  141. 將指針移到呈現(xiàn)的Features上來顯示對應(yīng)Features的屬性勿她。
  142. WFS - GetFeature 創(chuàng)建一個GetFeature請求獲取符合查詢請求的Features
  143. 當(dāng)視圖范圍發(fā)生變化時袄秩,從GeoServer WFS加載新的Features
  144. 以WKT文本格式創(chuàng)建Features
  145. 解析WMS功能響應(yīng)的結(jié)果對象的內(nèi)容
  146. 自定義坐標(biāo)轉(zhuǎn)換
  147. 自定義瓦片形狀和大小
  148. 集成Proj4js使坐標(biāo)能在任意投影之間轉(zhuǎn)換
  149. 使用Single Image WMS避免瓦片圖的標(biāo)簽重復(fù)問題
  150. 沒有投影的WMS - 當(dāng)坐標(biāo)轉(zhuǎn)換不必要時,openlayers可以使用code和units正常工作
  151. 默認(rèn)情況下逢并,WMS tiles會在180度子午線上重用之剧。將wrapX選項設(shè)置為false,可以禁用此行為
  152. WMS作為瓷磚層使用
  153. 通過不斷改變時間維度砍聊,演示圖層的平滑重加載
  154. 解析WMTS功能響應(yīng)的結(jié)果對象的內(nèi)容
  155. WMTS瓦片轉(zhuǎn)場 - 當(dāng)不斷改變一個緯度時背稼,演示層的平滑重加載
  156. 高DPI的WMTS地圖 - 將512×512的圖像展示在256×256的網(wǎng)格中
  157. 展示IGN WMTS圖層
  158. 創(chuàng)建從GetCapabilities響應(yīng)中訪問WMTS的配置
  159. 手動創(chuàng)建用于訪問WMTS的配置
  160. 使用自定義的tile url函數(shù)來處理縮放級別的偏移量以加載ArcGIS REST tile services
  161. ol.source.XYZ支持ArcGIS REST tile services
  162. ol.source.XYZ必須包含tilePixelRatio參數(shù),這些tile是用MapTiler的GeoTIFF文件制作的
  163. 使用minZoom和maxZoom視圖選項限制地圖縮放級別
  164. XYZ source用于通過url訪問的數(shù)據(jù)玻蝌,其中包括縮放級別和tile grid x/y坐標(biāo)
  165. 使用一個像素投影來使用Zoomify Source
  166. 在地圖上添加自定義的縮放滑塊
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末蟹肘,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子俯树,更是在濱河造成了極大的恐慌帘腹,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,214評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件许饿,死亡現(xiàn)場離奇詭異竹椒,居然都是意外死亡,警方通過查閱死者的電腦和手機米辐,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,307評論 2 382
  • 文/潘曉璐 我一進店門胸完,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人翘贮,你說我怎么就攤上這事赊窥。” “怎么了狸页?”我有些...
    開封第一講書人閱讀 152,543評論 0 341
  • 文/不壞的土叔 我叫張陵锨能,是天一觀的道長扯再。 經(jīng)常有香客問我,道長址遇,這世上最難降的妖魔是什么熄阻? 我笑而不...
    開封第一講書人閱讀 55,221評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮倔约,結(jié)果婚禮上秃殉,老公的妹妹穿的比我還像新娘。我一直安慰自己浸剩,他們只是感情好钾军,可當(dāng)我...
    茶點故事閱讀 64,224評論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著绢要,像睡著了一般吏恭。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上重罪,一...
    開封第一講書人閱讀 49,007評論 1 284
  • 那天樱哼,我揣著相機與錄音,去河邊找鬼剿配。 笑死唇礁,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的惨篱。 我是一名探鬼主播,決...
    沈念sama閱讀 38,313評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼围俘,長吁一口氣:“原來是場噩夢啊……” “哼砸讳!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起界牡,我...
    開封第一講書人閱讀 36,956評論 0 259
  • 序言:老撾萬榮一對情侶失蹤簿寂,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后宿亡,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體常遂,經(jīng)...
    沈念sama閱讀 43,441評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,925評論 2 323
  • 正文 我和宋清朗相戀三年挽荠,在試婚紗的時候發(fā)現(xiàn)自己被綠了克胳。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,018評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡圈匆,死狀恐怖漠另,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情跃赚,我是刑警寧澤笆搓,帶...
    沈念sama閱讀 33,685評論 4 322
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響满败,放射性物質(zhì)發(fā)生泄漏肤频。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,234評論 3 307
  • 文/蒙蒙 一算墨、第九天 我趴在偏房一處隱蔽的房頂上張望宵荒。 院中可真熱鬧,春花似錦米同、人聲如沸骇扇。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,240評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽少孝。三九已至,卻和暖如春熬苍,著一層夾襖步出監(jiān)牢的瞬間稍走,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,464評論 1 261
  • 我被黑心中介騙來泰國打工柴底, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留婿脸,地道東北人。 一個月前我還...
    沈念sama閱讀 45,467評論 2 352
  • 正文 我出身青樓柄驻,卻偏偏與公主長得像狐树,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子鸿脓,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,762評論 2 345

推薦閱讀更多精彩內(nèi)容