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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- iOS根據地址在地圖上展示座標iOS地圖
- ArcGIS API for JavaScript根據兩個點座標在地圖上畫線APIJavaScript地圖
- ArcGIS API for Silverlight 中根據座標點在地圖上打標記API地圖
- 百度地圖:根據位置獲取座標地圖
- asp.net系統中根據經緯度座標,直接呼叫google地圖,顯示位置ASP.NETGo地圖
- HTML網頁根據座標模擬滑鼠點選HTML網頁
- 公司位置怎麼上地圖,怎麼在地圖上畫出區域地圖
- 地圖 判斷點在區域內地圖斷點
- 騰訊地圖定位及座標解析地圖
- 騰訊地圖拾取座標地圖
- 關於Unity中的世界座標和區域性座標Unity
- js中根據x,y 座標模擬點選事件JS事件
- 根據經緯度座標查詢最近的門店
- Openlayers初步實現地圖功能地圖
- 根據經緯度座標獲得省市區縣行政區劃城市名稱,自建資料庫 java python php c# .net 均適用資料庫JavaPythonPHPC#
- D3.js在svg地圖上標點JSSVG地圖
- 百度地圖框選標註座標點功能地圖
- 百度地圖之標註一組地理座標地圖
- js根據經緯度,獲取省市區。(百度地圖逆地址解析)JS地圖
- R語言:根據經緯度在世界地圖上畫出各個點R語言地圖
- ECharts 根據不同的X軸區域,設定不同區域的背景色Echarts
- JN專案-百度地圖座標偏移地圖
- iOS中地圖經緯度座標轉換iOS地圖
- 地圖投影系列介紹(二)_ 地理座標系地圖
- 【高德地圖API】如何獲得行政區域?如何製作行政規劃圖?地圖API
- iOS根據兩點經緯度座標計算指南針方位角iOS
- php根據地理座標獲取國家、省份、城市,及周邊資料類PHP
- 如何製作位置分佈圖,如何在地圖上畫出區域地圖
- ArcGIS地圖投影與座標系轉換的方法地圖
- 在地圖上使圖片透明地圖
- 根據MAC地質反查IP工具-LanHelperMac
- 百度地圖BMap實現在行政區域內做標註地圖
- 螢幕座標、裝置座標以及邏輯座標的區別
- 百度地圖根據經緯度計算瓦片行列號地圖
- HT for Web整合OpenLayers實現GIS地圖應用Web地圖
- windows 根據標題,關閉程式Windows
- dcat欄位擴充套件:地圖拖拽設定xy座標套件地圖
- 【地圖API】為何您的座標不準?如何糾偏?地圖API