Samples
- 通過EPSG.io搜索進行二次投影
- 視圖(View)動畫
- 使用動態(tài) ArcGIS REST MapService
- 使用 ArcGIS REST MapService 作為瓦片地圖
- Attributions
- Bing 地圖
- 混合模式 - Blend Modes
- 框選 - Box Selection
- 自定義工具提示 - 重置地圖方向
- CanvasGradient or CanvasPattern 樣式特性
- 顯示瓦片坐標(biāo) - Canvas Tiles
- 云上地理數(shù)據(jù)庫 - 通過面積篩選歐洲國家
- View視圖定位高級特性
- 聚類特性 - Clustered Features
- 地圖顏色操作
- 自定義控制按鈕 - 旋轉(zhuǎn)地圖到正北
- 自定義圖標(biāo) - 創(chuàng)建一個客戶自定義的歸屬圖標(biāo)
- 自定義交互 - 創(chuàng)建圖形或圖標(biāo)元素實現(xiàn)拖放
- 使用d3.geo.path加載TopoJSON作為圖像層的影像
- 設(shè)備方向自適應(yīng)
- 拖拽文件直接加載到地圖上
- 拖拽文件直接加載到地圖上,僅支持默認(rèn)投影
- 使用shift+drag 旋轉(zhuǎn)移動縮放地圖
- 繪制和修改要素類(畫點線面和修改)
- 畫點線面瓜贾,shift徒手畫點線面
- 徒手畫點線面
- shift畫shape規(guī)則圖形
- 動態(tài)數(shù)據(jù)
- 通過kml的地震集聚類
- 通過kml使用自定義樣式加載地震集
- 創(chuàng)建EPSG:4326的地圖
- 以png形式導(dǎo)出當(dāng)前地圖View
- 以pdf形式導(dǎo)出當(dāng)前地圖View
- 自定義交互控件悴能,shift+drag繪制范圍(extent)
- 使用postcompose和vectorContext創(chuàng)建添加要素時的自定義動畫
- 使用postcompose和vectorContext創(chuàng)建一個maker在線上運動的動畫
- 使用postcompose和vectorContext創(chuàng)建航線圖
- 高速渲染海量頂點的Feature(要素)
- 全屏拖拽,旋轉(zhuǎn)和縮放
- 全屏控制帶額外面板元素的地圖
- 全屏控制
- 集成geojson-vt庫
- 加載GeoJSON的Feature(要素)類
- 手持設(shè)備位置和方向追蹤
- 位置定位
- 通過點擊事件獲取和展示W(wǎng)MS服務(wù)image(影像)層的Feature(要素)詳情信息
- 使用WMS的getFeatureInfo獲取圖層Feature(要素)信息
- 通過點擊事件獲取和展示W(wǎng)MS服務(wù)Tile(瓦片)層的Feature(要素)詳情信息
- 展示如何使用GPX數(shù)據(jù)源
- 在地圖上添加格子線
- 地震熱力圖
- 使用ol.source.XYZ加載here地圖
- 調(diào)整Feature的點擊寬容度以適應(yīng)觸摸設(shè)備
- 為圖標(biāo)設(shè)置自定義顏色
- 使用圖標(biāo)來表示點获询,并擁有點選狀態(tài)顯示
- 使用webGL渲染采用圖片樣式的圖標(biāo)
- 使用圖標(biāo)表示點涨岁,為圖標(biāo)添加點擊顯示氣泡信息的事件
- 使用點集來描述點運動蹤跡和軌道
- 濾鏡 - postcompose偵聽器對圖像數(shù)據(jù)應(yīng)用過濾器來改變圖像的風(fēng)格
- 圖像加載事件 - 偵聽imageloadstart、imageloadend和imageloaderror事件來監(jiān)視圖像加載進度
- 圖像矢量層渲染(使用renderMode: 'image'渲染 ol.layer.Vector)犧牲精確性獲取更快的動畫渲染
- 集成JSTS
- 加載kml的地震數(shù)據(jù)實現(xiàn)地震震級的可視化
- 加載kml數(shù)據(jù)實現(xiàn)全球時區(qū)的可視化
- 加載kml作為矢量源數(shù)據(jù)
- 使用WebGL通過precompose和postcompose鉤子函數(shù)來剪輯圖層
- 圖層剪裁
- 使用layer.setExtent()改變覆蓋層的Extent(范圍)
- 圖層組管理 - 顯示/隱藏和透明度
- 圖層透視渲染 - 在一個圖層上創(chuàng)建一個可以觀察到另一個圖層的蒙版
- 地圖滑動映射 - 滑塊左右在同一地圖分區(qū)域渲染不同的圖層吉嚣,調(diào)整滑塊改變兩個圖層大小
- 圖層z-index - 控制圖層繪制疊加順序
- 使用layer.setSource()延遲加載圖層源
- 為lineString繪制指向箭頭
- 本地化OpenStreetMap(自定義區(qū)域地圖)
- 地圖局部放大鏡
- Mapbox Vector Tiles - 在隨后的縮放級別上重用源塊以節(jié)省帶寬
- Mapbox Vector Tiles - mapbox加載的簡單實例
- MapGuide Untiled
- 距離和面積測量
- 控制各個圖層的呈現(xiàn)級別
- 調(diào)整地圖的View縮放級別以便每次只能看到一個世界地圖
- 移動設(shè)備全屏示例
- 選擇和修改Feature(要素)類
- 修改Feature(要素)類的簡單示例
- 獲取鼠標(biāo)位置對應(yīng)坐標(biāo)系下的坐標(biāo)信息
- 設(shè)置地圖縮放級別是否可為小數(shù)級別
- 通過map的moveend事件監(jiān)聽地圖實時的extent
- 添加導(dǎo)航按鈕到地圖上梢薪,點擊定位到指定的extent
- Mapzen矢量瓦片地圖
- Overlay(覆蓋物) - 使用bootstrap的popups彈出層顯示點擊點詳情
- 定制overviewmap控件 - 定制世界地圖小浮窗
- 基本的OverviewMap控件
- Permalink(永久鏈) - 使用HTML 5 History API在移動地圖時實時更新地址欄url的縮放級別,中心點和旋轉(zhuǎn)角度
- ol.interaction.PinchZoom設(shè)置小數(shù)級別的縮放
- 自定義Polygon(多邊形)樣式
- 地圖帶關(guān)閉按鈕的Popup彈出層
- 預(yù)加載地圖尝哆,使縮放更加平滑
- 根據(jù)地圖像素顏色生成柵格圖層展示植被覆蓋率秉撇,并生成可視化柱狀圖統(tǒng)計
- 根據(jù)輸入像素的顏色和設(shè)定的閥值判斷是否屬于連續(xù)區(qū)域
- 規(guī)則shape(形狀)
- 在canvas上渲染geometries
- 通過EPSG.io搜索對地圖進行二次投影
- 單個圖像源的客戶端重投影 - 使用proj4自定義坐標(biāo)系
- 使用WGS84重投影OpenStreetMap
- raster在不同坐標(biāo)系下的重投影
- 重復(fù)使用Source,通過source.setUrl()來切換Tile的源地址,通過source.refresh()清除當(dāng)前Tile
- 使用Alt+Shift+Drag去旋轉(zhuǎn)地圖
- OpenStreetMap 帶US單位比例尺的重投影
- 結(jié)合地形信息演示海平面上升淹沒可視化
- 綁定選擇Features方式的監(jiān)聽事件:單擊畜疾,單點擊赴邻,劃過,Alt+點擊
- 在OSM上疊加顯示一個半透明的圖層
- 地圖比例尺控件
- 地形陰影
- 共享Views - 兩個map共享中心點啡捶、分辨率姥敛、旋轉(zhuǎn)和圖層,分別使用canvas和WebGL進行渲染
- 簡單的OSM地圖
- 畫點線面圓并提供修改
- 使用格子組件的球形摩爾威德投影地圖
- Stamen瓦片地圖 - watercolor層和terrain labels層
- 在地圖上自定義坐標(biāo)系來展示靜態(tài)圖片
- 為街道添加文字標(biāo)簽
- 使用WebGL為地圖創(chuàng)建海量帶紋理的symbols
- Synthetic(合成) Lines
- Synthetic(合成) Points
- 動態(tài)修改地圖的target瞎暑,將一個地圖從一個dom移動到另一個dom
- Image tile sources的加載事件彤敛,基于事件為地圖加載添加一個底部進度條
- 瓦片渲染的轉(zhuǎn)場效果形式:是否為透明
- 通過TileJSON加載圖層
- 結(jié)合mapbox實現(xiàn)移動鼠標(biāo)到某區(qū)域顯示該區(qū)域國家的名稱和旗幟圖片
- 4326和3857投影下的天梭指示線
- 使用ol.format.TopoJSON渲染Features到地圖上
- 集成topolis
- 在地圖上選擇和拖動Features(要素)類
- openlayers和turf.js的交互,沿著街道每隔200m顯示一個marker
- 加載ArcGIS REST Feature Service的Features了赌,并允許添加新Features或更新現(xiàn)有Features墨榄。
- 當(dāng)View Extent發(fā)生變化時,從ArcGIS REST Feature服務(wù)中加載新Features
- 防止地圖標(biāo)簽的重疊和溢出
- 為Features添加文字標(biāo)簽以及對文字標(biāo)簽樣式的詳細設(shè)置
- 鼠標(biāo)懸停加載顯示從geojson讀取出來對應(yīng)的Features的信息
- 使用bbox strategy動態(tài)的從Overpass API加載OSM XML vector數(shù)據(jù)
- 將指針移到呈現(xiàn)的Features上來顯示對應(yīng)Features的屬性勿她。
- WFS - GetFeature 創(chuàng)建一個GetFeature請求獲取符合查詢請求的Features
- 當(dāng)視圖范圍發(fā)生變化時袄秩,從GeoServer WFS加載新的Features
- 以WKT文本格式創(chuàng)建Features
- 解析WMS功能響應(yīng)的結(jié)果對象的內(nèi)容
- 自定義坐標(biāo)轉(zhuǎn)換
- 自定義瓦片形狀和大小
- 集成Proj4js使坐標(biāo)能在任意投影之間轉(zhuǎn)換
- 使用Single Image WMS避免瓦片圖的標(biāo)簽重復(fù)問題
- 沒有投影的WMS - 當(dāng)坐標(biāo)轉(zhuǎn)換不必要時,openlayers可以使用code和units正常工作
- 默認(rèn)情況下逢并,WMS tiles會在180度子午線上重用之剧。將wrapX選項設(shè)置為false,可以禁用此行為
- WMS作為瓷磚層使用
- 通過不斷改變時間維度砍聊,演示圖層的平滑重加載
- 解析WMTS功能響應(yīng)的結(jié)果對象的內(nèi)容
- WMTS瓦片轉(zhuǎn)場 - 當(dāng)不斷改變一個緯度時背稼,演示層的平滑重加載
- 高DPI的WMTS地圖 - 將512×512的圖像展示在256×256的網(wǎng)格中
- 展示IGN WMTS圖層
- 創(chuàng)建從GetCapabilities響應(yīng)中訪問WMTS的配置
- 手動創(chuàng)建用于訪問WMTS的配置
- 使用自定義的tile url函數(shù)來處理縮放級別的偏移量以加載ArcGIS REST tile services
- ol.source.XYZ支持ArcGIS REST tile services
- ol.source.XYZ必須包含tilePixelRatio參數(shù),這些tile是用MapTiler的GeoTIFF文件制作的
- 使用minZoom和maxZoom視圖選項限制地圖縮放級別
- XYZ source用于通過url訪問的數(shù)據(jù)玻蝌,其中包括縮放級別和tile grid x/y坐標(biāo)
- 使用一個像素投影來使用Zoomify Source
- 在地圖上添加自定義的縮放滑塊