Openlayers 4 官方示例概述

Samples

  1. 通過(guò)EPSG.io搜索進(jìn)行二次投影
  2. 視圖(View)動(dòng)畫
  3. 使用動(dòng)態(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ù)庫(kù) - 通過(guò)面積篩選歐洲國(guó)家
  13. View視圖定位高級(jí)特性
  14. 聚類特性 - Clustered Features
  15. 地圖顏色操作
  16. 自定義控制按鈕 - 旋轉(zhuǎn)地圖到正北
  17. 自定義圖標(biāo) - 創(chuàng)建一個(gè)客戶自定義的歸屬圖標(biāo)
  18. 自定義交互 - 創(chuàng)建圖形或圖標(biāo)元素實(shí)現(xiàn)拖放
  19. 使用d3.geo.path加載TopoJSON作為圖像層的影像
  20. 設(shè)備方向自適應(yīng)
  21. 拖拽文件直接加載到地圖上
  22. 拖拽文件直接加載到地圖上,僅支持默認(rèn)投影
  23. 使用shift+drag 旋轉(zhuǎn)移動(dòng)縮放地圖
  24. 繪制和修改要素類(畫點(diǎn)線面和修改)
  25. 畫點(diǎn)線面,shift徒手畫點(diǎn)線面
  26. 徒手畫點(diǎn)線面
  27. shift畫shape規(guī)則圖形
  28. 動(dòng)態(tài)數(shù)據(jù)
  29. 通過(guò)kml的地震集聚類
  30. 通過(guò)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)建添加要素時(shí)的自定義動(dòng)畫
  36. 使用postcompose和vectorContext創(chuàng)建一個(gè)maker在線上運(yùn)動(dòng)的動(dòng)畫
  37. 使用postcompose和vectorContext創(chuàng)建航線圖
  38. 高速渲染海量頂點(diǎn)的Feature(要素)
  39. 全屏拖拽,旋轉(zhuǎn)和縮放
  40. 全屏控制帶額外面板元素的地圖
  41. 全屏控制
  42. 集成geojson-vt庫(kù)
  43. 加載GeoJSON的Feature(要素)類
  44. 手持設(shè)備位置和方向追蹤
  45. 位置定位
  46. 通過(guò)點(diǎn)擊事件獲取和展示W(wǎng)MS服務(wù)image(影像)層的Feature(要素)詳情信息
  47. 使用WMS的getFeatureInfo獲取圖層Feature(要素)信息
  48. 通過(guò)點(diǎn)擊事件獲取和展示W(wǎng)MS服務(wù)Tile(瓦片)層的Feature(要素)詳情信息
  49. 展示如何使用GPX數(shù)據(jù)源
  50. 在地圖上添加格子線
  51. 地震熱力圖
  52. 使用ol.source.XYZ加載here地圖
  53. 調(diào)整Feature的點(diǎn)擊寬容度以適應(yīng)觸摸設(shè)備
  54. 為圖標(biāo)設(shè)置自定義顏色
  55. 使用圖標(biāo)來(lái)表示點(diǎn),并擁有點(diǎn)選狀態(tài)顯示
  56. 使用webGL渲染采用圖片樣式的圖標(biāo)
  57. 使用圖標(biāo)表示點(diǎn),為圖標(biāo)添加點(diǎn)擊顯示氣泡信息的事件
  58. 使用點(diǎn)集來(lái)描述點(diǎn)運(yùn)動(dòng)蹤跡和軌道
  59. 濾鏡 - postcompose偵聽(tīng)器對(duì)圖像數(shù)據(jù)應(yīng)用過(guò)濾器來(lái)改變圖像的風(fēng)格
  60. 圖像加載事件 - 偵聽(tīng)imageloadstart、imageloadend和imageloaderror事件來(lái)監(jiān)視圖像加載進(jìn)度
  61. 圖像矢量層渲染(使用renderMode: 'image'渲染 ol.layer.Vector)犧牲精確性獲取更快的動(dòng)畫渲染
  62. 集成JSTS
  63. 加載kml的地震數(shù)據(jù)實(shí)現(xiàn)地震震級(jí)的可視化
  64. 加載kml數(shù)據(jù)實(shí)現(xiàn)全球時(shí)區(qū)的可視化
  65. 加載kml作為矢量源數(shù)據(jù)
  66. 使用WebGL通過(guò)precompose和postcompose鉤子函數(shù)來(lái)剪輯圖層
  67. 圖層剪裁
  68. 使用layer.setExtent()改變覆蓋層的Extent(范圍)
  69. 圖層組管理 - 顯示/隱藏和透明度
  70. 圖層透視渲染 - 在一個(gè)圖層上創(chuàng)建一個(gè)可以觀察到另一個(gè)圖層的蒙版
  71. 地圖滑動(dòng)映射 - 滑塊左右在同一地圖分區(qū)域渲染不同的圖層,調(diào)整滑塊改變兩個(gè)圖層大小
  72. 圖層z-index - 控制圖層繪制疊加順序
  73. 使用layer.setSource()延遲加載圖層源
  74. 為lineString繪制指向箭頭
  75. 本地化OpenStreetMap(自定義區(qū)域地圖)
  76. 地圖局部放大鏡
  77. Mapbox Vector Tiles - 在隨后的縮放級(jí)別上重用源塊以節(jié)省帶寬
  78. Mapbox Vector Tiles - mapbox加載的簡(jiǎn)單實(shí)例
  79. MapGuide Untiled
  80. 距離和面積測(cè)量
  81. 控制各個(gè)圖層的呈現(xiàn)級(jí)別
  82. 調(diào)整地圖的View縮放級(jí)別以便每次只能看到一個(gè)世界地圖
  83. 移動(dòng)設(shè)備全屏示例
  84. 選擇和修改Feature(要素)類
  85. 修改Feature(要素)類的簡(jiǎn)單示例
  86. 獲取鼠標(biāo)位置對(duì)應(yīng)坐標(biāo)系下的坐標(biāo)信息
  87. 設(shè)置地圖縮放級(jí)別是否可為小數(shù)級(jí)別
  88. 通過(guò)map的moveend事件監(jiān)聽(tīng)地圖實(shí)時(shí)的extent
  89. 添加導(dǎo)航按鈕到地圖上,點(diǎn)擊定位到指定的extent
  90. Mapzen矢量瓦片地圖
  91. Overlay(覆蓋物) - 使用bootstrap的popups彈出層顯示點(diǎn)擊點(diǎn)詳情
  92. 定制overviewmap控件 - 定制世界地圖小浮窗
  93. 基本的OverviewMap控件
  94. Permalink(永久鏈) - 使用HTML 5 History API在移動(dòng)地圖時(shí)實(shí)時(shí)更新地址欄url的縮放級(jí)別,中心點(diǎn)和旋轉(zhuǎn)角度
  95. ol.interaction.PinchZoom設(shè)置小數(shù)級(jí)別的縮放
  96. 自定義Polygon(多邊形)樣式
  97. 地圖帶關(guān)閉按鈕的Popup彈出層
  98. 預(yù)加載地圖,使縮放更加平滑
  99. 根據(jù)地圖像素顏色生成柵格圖層展示植被覆蓋率,并生成可視化柱狀圖統(tǒng)計(jì)
  100. 根據(jù)輸入像素的顏色和設(shè)定的閥值判斷是否屬于連續(xù)區(qū)域
  101. 規(guī)則shape(形狀)
  102. 在canvas上渲染geometries
  103. 通過(guò)EPSG.io搜索對(duì)地圖進(jìn)行二次投影
  104. 單個(gè)圖像源的客戶端重投影 - 使用proj4自定義坐標(biāo)系
  105. 使用WGS84重投影OpenStreetMap
  106. raster在不同坐標(biāo)系下的重投影
  107. 重復(fù)使用Source,通過(guò)source.setUrl()來(lái)切換Tile的源地址,通過(guò)source.refresh()清除當(dāng)前Tile
  108. 使用Alt+Shift+Drag去旋轉(zhuǎn)地圖
  109. OpenStreetMap 帶US單位比例尺的重投影
  110. 結(jié)合地形信息演示海平面上升淹沒(méi)可視化
  111. 綁定選擇Features方式的監(jiān)聽(tīng)事件:?jiǎn)螕?,單點(diǎn)擊,劃過(guò),Alt+點(diǎn)擊
  112. 在OSM上疊加顯示一個(gè)半透明的圖層
  113. 地圖比例尺控件
  114. 地形陰影
  115. 共享Views - 兩個(gè)map共享中心點(diǎn)、分辨率、旋轉(zhuǎn)和圖層,分別使用canvas和WebGL進(jìn)行渲染
  116. 簡(jiǎn)單的OSM地圖
  117. 畫點(diǎn)線面圓并提供修改
  118. 使用格子組件的球形摩爾威德投影地圖
  119. Stamen瓦片地圖 - watercolor層和terrain labels層
  120. 在地圖上自定義坐標(biāo)系來(lái)展示靜態(tài)圖片
  121. 為街道添加文字標(biāo)簽
  122. 使用WebGL為地圖創(chuàng)建海量帶紋理的symbols
  123. Synthetic(合成) Lines
  124. Synthetic(合成) Points
  125. 動(dòng)態(tài)修改地圖的target,將一個(gè)地圖從一個(gè)dom移動(dòng)到另一個(gè)dom
  126. Image tile sources的加載事件,基于事件為地圖加載添加一個(gè)底部進(jìn)度條
  127. 瓦片渲染的轉(zhuǎn)場(chǎng)效果形式:是否為透明
  128. 通過(guò)TileJSON加載圖層
  129. 結(jié)合mapbox實(shí)現(xiàn)移動(dòng)鼠標(biāo)到某區(qū)域顯示該區(qū)域國(guó)家的名稱和旗幟圖片
  130. 4326和3857投影下的天梭指示線
  131. 使用ol.format.TopoJSON渲染Features到地圖上
  132. 集成topolis
  133. 在地圖上選擇和拖動(dòng)Features(要素)類
  134. openlayers和turf.js的交互,沿著街道每隔200m顯示一個(gè)marker
  135. 加載ArcGIS REST Feature Service的Features,并允許添加新Features或更新現(xiàn)有Features。
  136. 當(dāng)View Extent發(fā)生變化時(shí),從ArcGIS REST Feature服務(wù)中加載新Features
  137. 防止地圖標(biāo)簽的重疊和溢出
  138. 為Features添加文字標(biāo)簽以及對(duì)文字標(biāo)簽樣式的詳細(xì)設(shè)置
  139. 鼠標(biāo)懸停加載顯示從geojson讀取出來(lái)對(duì)應(yīng)的Features的信息
  140. 使用bbox strategy動(dòng)態(tài)的從Overpass API加載OSM XML vector數(shù)據(jù)
  141. 將指針移到呈現(xiàn)的Features上來(lái)顯示對(duì)應(yīng)Features的屬性。
  142. WFS - GetFeature 創(chuàng)建一個(gè)GetFeature請(qǐng)求獲取符合查詢請(qǐng)求的Features
  143. 當(dāng)視圖范圍發(fā)生變化時(shí),從GeoServer WFS加載新的Features
  144. 以WKT文本格式創(chuàng)建Features
  145. 解析WMS功能響應(yīng)的結(jié)果對(duì)象的內(nèi)容
  146. 自定義坐標(biāo)轉(zhuǎn)換
  147. 自定義瓦片形狀和大小
  148. 集成Proj4js使坐標(biāo)能在任意投影之間轉(zhuǎn)換
  149. 使用Single Image WMS避免瓦片圖的標(biāo)簽重復(fù)問(wèn)題
  150. 沒(méi)有投影的WMS - 當(dāng)坐標(biāo)轉(zhuǎn)換不必要時(shí),openlayers可以使用code和units正常工作
  151. 默認(rèn)情況下,WMS tiles會(huì)在180度子午線上重用。將wrapX選項(xiàng)設(shè)置為false,可以禁用此行為
  152. WMS作為瓷磚層使用
  153. 通過(guò)不斷改變時(shí)間維度,演示圖層的平滑重加載
  154. 解析WMTS功能響應(yīng)的結(jié)果對(duì)象的內(nèi)容
  155. WMTS瓦片轉(zhuǎn)場(chǎng) - 當(dāng)不斷改變一個(gè)緯度時(shí),演示層的平滑重加載
  156. 高DPI的WMTS地圖 - 將512×512的圖像展示在256×256的網(wǎng)格中
  157. 展示IGN WMTS圖層
  158. 創(chuàng)建從GetCapabilities響應(yīng)中訪問(wèn)WMTS的配置
  159. 手動(dòng)創(chuàng)建用于訪問(wèn)WMTS的配置
  160. 使用自定義的tile url函數(shù)來(lái)處理縮放級(jí)別的偏移量以加載ArcGIS REST tile services
  161. ol.source.XYZ支持ArcGIS REST tile services
  162. ol.source.XYZ必須包含tilePixelRatio參數(shù),這些tile是用MapTiler的GeoTIFF文件制作的
  163. 使用minZoom和maxZoom視圖選項(xiàng)限制地圖縮放級(jí)別
  164. XYZ source用于通過(guò)url訪問(wèn)的數(shù)據(jù),其中包括縮放級(jí)別和tile grid x/y坐標(biāo)
  165. 使用一個(gè)像素投影來(lái)使用Zoomify Source
  166. 在地圖上添加自定義的縮放滑塊
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容