原创 vue cli工程中的本地數據接口

1、常規請求 使用Vue CLI新建的項目中,我需要使用本地數據進行測試,於是寫了下面的數據請求: let url = '/src/assets/city.json' fetch(url).then(res

原创 一個linux小白的ubuntu server系統之旅(一)虛擬機

聲明:本系列文章所使用的系統版本爲: Ubuntu Server 18.04.3 LTS 文章目錄一 、前言二、安裝虛擬機1、Hyper-v技術2、windows家庭版的Hyper-v三、虛擬機使用1、系統鏡像下載2、創建lin

原创 openlayers繪圖功能實現畫點、折線、圓、多邊形、矩形

繪圖是webgis前端開發中很多見的一個需求,在openlayers中,包含一個ol.interaction.Draw類,提供交互式繪圖功能,用起來較爲方便。 1、ol.interaction.Draw類 ol.interacti

原创 openlayers實現自定義繪圖控件實現類似ArcGIS繪圖工具條

接前一篇《》,繪圖功能雖然實現了,但是僅僅開發到這裏,做Demo還行,如果要應用到項目中, 顯然是不太靈活,因此,將繪圖功能封裝到控件中,作爲工具,將更有利於我們來使用。 文章目錄1、ol.control.Control類2、需求

原创 基於Arcpy實現對MXD文件中圖層數據源的批量更新

1、常規方法 ArcGIS中批量更新數據源一般可以在ArcCatalog中進行,如下圖: 通常情況下,我們的mxd數據源從一個文件夾或者數據庫, 遷移到另一個文件夾或者數據庫,數據根目錄發生了變化,圖層名並沒有變化,可使用此方

原创 vue項目中在openlayers地圖上展示echarts圖表

思路: 1、創建一個地圖組件mapView,使用openlayers進行地圖展示 2、創建一個圖表組件chart,用於呈現圖表 3、創建一個overlay組件,在模板中使用chart組件;利用openlayers的ol.Overl

原创 Vue CLI腳手架使用筆記

文章目錄前言1、安裝vue、vue-cli1.1安裝vue1.2 安裝vue cli2、項目開發2.1 創建項目3、跑起來4、添加自己的組件4.1 定義組件4.2 修改路由配置4.3 修改App模板 前言 本次操作實例各軟件版本如

原创 基於Arcpy實現批量導入shp文件到SDE數據庫

1、需求描述: 1、實例shp文件批量導入SDE數據庫 2、如果數據庫中存儲同名表,執行追加操作;否則執行刪除操作 2、功能實現 import arcpy import os #sde連接 sdeConnStr = 'Datab

原创 Geoserver入門操作系列之二:創建圖層樣式

接上一篇,地圖服務發佈完成後,如果不進行樣式調試,那麼地圖看上去雜亂無章,毫無美感可言。因此,我們通過樣式文件的設置,來美化地圖。 geoserver中標準的樣式文件爲.sld文件,該文件是文本文件,語法規則遵循xml語法規範。樣

原创 基於ArcPy實現批量備份及刪除SDE數據表

1、需求描述: 1)批量的操作SDE數據庫表 2)保險起見操作前先備份 3)操作遵循一定的規則 2、以下代碼實現以下功能: 1)查找SDE數據庫中表名的以SDE.hb_01、SDE.hb_02開頭的表 2)將查找到的表備份爲shp

原创 Openlayer4中實現基於Geoserver的WFS服務GetFeature的查詢請求

在使用地圖時,有些圖層,只有在有需要的時候才進行展示,甚至希望能將帶座標的地圖數據從服務器上取到本地,進行操作,進行渲染等等。WFS服務可以滿足這一需求。 WFS服務怎麼創建?其實同WMS一樣,可以在Geoserver中進行發佈。

原创 基於PostGIS+PgRouting的最短路徑查詢的實現(一):數據庫篇

關於最短路徑查詢計劃分爲三篇文章來記錄。 本篇:主要來記錄在這個方案中,要如何去準備數據及相關的數據庫操作 Geoserver篇:主要記錄在Geoserver中如何去創建最短路徑分析圖層服務。 Openlayers篇:主要記錄在前

原创 利用Openlayers4簡單實現地圖遮罩效果(一)

地圖遮罩通常用來突出顯示某一塊特定區域,先來看下效果。(中間帶白邊的爲遮罩層) 原理:在原地圖上增加一個矢量圖層,在圖層中添加一個面要素,並對面要素使用半透明的樣式。 var map,baseLayer; //定義圖層樣式 v

原创 Vue CLI手腳架使用筆記

文章目錄前言1、安裝vue、vue-cli1.1安裝vue1.2 安裝vue cli2、項目開發2.1 創建項目3、跑起來4、添加自己的組件4.1 定義組件4.2 修改路由配置4.3 修改App模板 前言 本次操作實例各軟件版本如

原创 Vue結合Openlayers示例

文章目錄1、簡單示例1.1創建一個mapView組件1.2 創建一個Vue實例,並註冊mapView組件1.3在頁面中應用2、地圖配置3、npm 構建3.1 安裝openlayers3.2 在mapView組建中導入相關模塊 1、