openlayers根據座標在地圖上劃區域
var styles = { 'Polygon': [new ol.style.Style({ stroke: new ol.style.Stroke({ color: '#ff3100', lineDash: [0], width: 1 }), fill: new ol.style.Fill({ color: 'rgba(0, 0, 255, 0.1)' }) })], }; var styleFunction = function(feature) { console.log(feature) return styles[feature.getGeometry().getType()]; }; var geojsonObject = { 'type': 'FeatureCollection', 'crs': { 'type': 'name', 'properties': { 'name': 'EPSG:3857' } }, 'features': [ { //區域 'type': 'Feature', 'geometry': { 'type': 'Polygon', 'coordinates': [ [ ......... ] ] } }, ] }; var vectorSource = new ol.source.Vector({ features: (new ol.format.GeoJSON()).readFeatures(geojsonObject) }); var vectorLayer = new ol.layer.Vector({ source: vectorSource, style: styleFunction, });
詳細原始碼
官方原始碼註釋
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/4560/viewspace-2818265/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- ArcGIS API for JavaScript根據兩個點座標在地圖上畫線APIJavaScript地圖
- 百度地圖:根據位置獲取座標地圖
- HTML網頁根據座標模擬滑鼠點選HTML網頁
- js中根據x,y 座標模擬點選事件JS事件
- 根據經緯度座標查詢最近的門店
- 公司位置怎麼上地圖,怎麼在地圖上畫出區域地圖
- Openlayers初步實現地圖功能地圖
- 騰訊地圖定位及座標解析地圖
- 根據經緯度座標獲得省市區縣行政區劃城市名稱,自建資料庫 java python php c# .net 均適用資料庫JavaPythonPHPC#
- 百度地圖框選標註座標點功能地圖
- js根據經緯度,獲取省市區。(百度地圖逆地址解析)JS地圖
- ECharts 根據不同的X軸區域,設定不同區域的背景色Echarts
- R語言:根據經緯度在世界地圖上畫出各個點R語言地圖
- iOS根據兩點經緯度座標計算指南針方位角iOS
- ArcGIS地圖投影與座標系轉換的方法地圖
- 如何製作位置分佈圖,如何在地圖上畫出區域地圖
- Python視覺化-縣市按經緯度座標在地圖示記數值Python視覺化地圖
- 百度地圖BMap實現在行政區域內做標註地圖
- dcat欄位擴充套件:地圖拖拽設定xy座標套件地圖
- Openlayers4地圖重複出現的問題地圖
- 未經投影的地理座標系如何顯示為平面地圖地圖
- 物體物件在螢幕中的座標及滑鼠座標物件
- 高德座標打點(點為正常的WGS84地球座標系,常見於 GPS 裝置,Google 地圖等國際標準的座標體系)偏移,調整偏移量Go地圖
- GPS座標互轉:WGS-84(GPS)、GCJ-02(Google地圖)、BD-09(百度地圖)GCGo地圖
- VUE elementUI calendar 根據日期段標記日期VueUI
- 谷歌將在印度新德里地區開設第二座雲端計算區谷歌
- 全國省市區縣和鄉鎮街道行政區劃向量邊界座標經緯度地圖最新資料免費下載 支援shp geojson json sql格式地圖JSONSQL
- Java根據地理位置獲取經緯度(呼叫百度地圖API)Java地圖API
- 根據google的outline科學上網Go
- uni-app使用wx-canvas實現微信小程式上顯示地圖map和座標geoAPPCanvas微信小程式地圖
- python-科研繪圖系列(6)-深度模型準確率,誤差收斂曲線圖;雙座標繪圖;雙座標圖例放置在一個框中;帶95%置信區間的曲線圖Python繪圖模型
- springboot + mongodb 通過經緯度座標匹配平面區域的方法YWKSSpring BootMongoDB
- 百度地圖繪製多邊形區域地圖
- 什麼地圖軟體好用,區域位置圖怎麼做的地圖
- 百度地圖開發-在地圖上檢索資料 08地圖
- 座標系CM和ZONE的區別
- 百度地圖獲取多行政區域圍欄地圖
- AI應用之根據行業標準生成PRD文件AI行業