原创 OpenLayers源碼閱讀（四）：TileImage及TileArcGISRest、XYZ、WMTS
前提：需要對網格地圖服務WMTS有一定的瞭解，瞭解其切片原理，明確座標系、原點、級別與分辨率等概念。 目錄1、我們如何使用1.1 TileArcGISRest1.2 XYZ1.3 WMTS2、屬性2.1 TileImage2.
2020-06-22 20:20:39
45
原创 ol調用arcgis server地圖服務的query查詢
目錄一、返回的數據類型二、屬性查詢1、全部查詢2、屬性字段查詢三、空間查詢1、根據query結果查詢2、點查詢3、線查詢4、面查詢四、補充1、spatialRel2、geometryType 以arcgis 提供的地圖服務爲例
2020-06-22 20:20:39
原创 OpenLayers源碼閱讀（五）：ImageWMS與TileWMS
前提：需要對網絡地圖服務WMS有一定的瞭解，瞭解其方法、參數等。 目錄1、我們如何使用1.1 ImageWMS1.2 TileWMS1.3 比較2、屬性2.1 ImageWMS2.2 TileWMS2.3 比較3、源碼解析3.
2020-06-22 20:20:39
8
原创 openlayers源碼閱讀（六）：渲染從Map說起
openlayers源碼閱讀（六）：渲染從Map說起 前面幾篇主要是從地圖服務的使用角度，去閱讀了圖層數據源相關的源碼。便於我們去很好的理解OGC的WMS、WMTS、WFS等地圖服務標準及調用，以及針對ArcGIS Server
2020-06-22 20:20:39
8
原创 OpenLayers源碼閱讀（一）：從ol開始
版本選擇 v4.6.5 說明： v3.0.0~v4.6.5採用Closure，而從v5.0.0 之後採用ES Modules。 源碼地址：https://github.com/openlayers/openlayers/tree/
2020-06-08 15:47:57
3
原创 Openlayers源碼閱讀（七）：圖層canvas渲染
上一篇中，ol.renderer.canvas.Map在renderFrame()中通過getLayerRenderer()初始化ol.renderer.canvas.Layer，並調用了ol.renderer.canvas.L
2020-03-22 20:57:22
原创 ol遇見OGC系列——WFS
一、WFS的概念 Web Feature Service（網絡要素服務），簡稱WFS。支持對OpenGIS簡單要素的數據編輯操作（插入，更新，刪除，檢索），實現服務器端和客戶端之間的要素交互。 主要有GetCapabilities
2019-10-25 13:32:08
原创 geoserver 安裝
官方文檔 https://docs.geoserver.org/latest/en/user/installation/index.html#installation 一、下載geoserver 下載地址： http://geos
2019-04-15 02:29:46
57
原创 geoserver 跨域解決方案
geoserver 默認是不允許跨域的，因此需要進行跨域設置 方法一：修改geoserver的相關設置。（以geoserver 2.13.2爲例） 步驟一： 修改web.xml配置 在webapps/geoserver/WEB-I
2019-04-14 14:14:16
原创 openlayers中比例尺的計算原理
比例尺=圖上距離與實際距離的比。本文主要側重於電子地圖（或者web地圖）的計算 文章目錄一、概述二、查看源碼三、總結 一、概述 比例尺，作爲地圖三要素（比例尺、圖例、註記）之一，是地圖不可或缺的組成部分。從傳統的紙質地圖到現在的電
2018-12-06 13:14:03
4
原创 利用Turf.js實現點線面幾何體的拓撲關係判斷
通過官網http://turfjs.org/或者github https://github.com/Turfjs/turf瞭解 第一步：先引用js文件 <script src='https://npmcdn.com/@turf/t
2018-11-20 12:22:53
35
原创 js實現全屏和退出全屏功能
主要是全屏和退出全屏事件，以及相應的操作（採用window.onresize監測） $(function(){ //全屏 $("#fullScreen").on("click",function(){
2018-11-14 12:10:52
原创 Bug：比例尺（ScaleLine）在Openlayers v4.6.5中計算錯誤
該bug，官方已經在後續版本修正，故只針對OL 4.6+。在此自做記錄。 場景： 1、引用Openlayers v4.6.5的js文件 2、view的座標系採用EPSG:4326 3、比例尺的單位爲米（metric） 原因分析：
2018-11-04 15:41:49
原创 Tip:Write Better Conditionals in JavaScript
條件語句 1、if……else…… 2、 if……else if…… 3、switch……case…… 文章來源於https://scotch.io/bar-talk/5-tips-to-write-better-conditi
2018-10-27 12:27:59