原创 react 之 openlayer繪製任意圖形
一、引入所依賴的庫文件 // 設置地圖背景色 import React, { Component } from 'react'; import Map from '../../component/map/map'; // import
2020-06-02 19:03:22
原创 postGIS將shp數據導入postgres 數據庫中，並在arcMap中顯示數據
一、shp數據準備 注意：postGIS導入shp數據路徑不能含有中文，如果含有中文會報錯，而且自己要知道自己的數據的座標系 二、打開postGIS （2）點擊連接數據庫，輸入用戶名、密碼、數據庫、以及數據庫連接地址點擊ok (3
2020-06-02 19:03:22
原创 react 之 openlayer圖形的激活與編輯
一、引入依賴的文件 import React, { Component } from 'react'; import Map from '../../component/map/map'; // import style from '.
2020-06-02 19:03:22
原创 react之openlayer根據座標繪製圖形
一、原理 （1）首先創建一個要素，如點、線、面 （2）根據要素創建一個數據源 （3）根據數據數據源創建一個矢量圖層 （4）將創建的矢量的圖層添加到地圖上 二、引入依賴的庫文件 // 設置地圖背景色 import React, { Com
2020-06-02 19:03:22
1
原创 react 之 openlayer圖形交互編輯
一、引入依賴的庫文件 // 設置地圖背景色 import React, { Component } from 'react'; import Map from '../../component/map/map'; // import s
2020-06-02 19:03:22
1
原创 react 之 openlayer地圖背景
一、原理 是在地圖的父容器這是一張圖片 二、引入依賴庫 import React, { Component } from 'react'; import Map from '../../component/map/map';
2020-06-02 19:03:22
原创 react 之 openlayer地圖圖片下載
一、原理 地圖渲染是通過canvas來渲染出來的，openlayers提供的map.once('postcompose', function (event) {}）函數可以獲取canvas對象，將canvas轉化成圖片下載下來，便可實現。
2020-06-02 19:03:22
原创 react 之 openlayer地圖域信息獲取
一、主要方法 （1）getResolution（）獲取分辨率 （2）calculateExtent（）獲取當前顯示範圍 （3）getSize 獲取地圖窗口的大小 二、引入依賴的庫文件 import React, { Component
2020-06-02 19:03:22
原创 react 之 openlayer 繪製幾何圖形
一、全部代碼 // 設置地圖背景色 import React, { Component } from 'react'; import Map from '../../component/map/map'; // import style
2020-06-02 19:03:22
原创 axios的post請求和get請求傳遞數組
一、背景 axios 的post和get請求在中傳遞數組的過程中，後臺無法接受到傳輸的參數，主要原因數據格式化過程中規範不一致導致無法接受 二、解決方法 將請求參數中含有的數組數據，格式化過程中，將數組以“,”（逗號）的方式格式化成字符
2020-05-11 18:04:30
原创 在vs code中使用typescript
1、安裝typescript npm install -g typescript 2、在本地建立一個工文件夾，使用vscode打開 3、初始化package.json,執行 npm init 4、初始化 tsconfig.json
2020-02-21 12:41:03
原创 egg+sequelize+postgis 空間數據新增
一、建立空間表，建議使用下邊的代碼建立空間表不建議使用navicat去建表 CREATE TABLE city( id int4,name varchar(25), geom geometry(POINT,4326) ); 二、egg中
2020-02-21 12:41:03
原创 openlayers+turf.js實現緩衝區的繪製
一、下載安裝turf 下載地址：https://github.com/Turfjs/turf api和示例地址：http://turfjs.org/docs/ 二、使用openlayers配個turf.js (1) 點數據的緩存 //
2020-02-21 12:41:02
原创 egg+sequelize+postgis 查詢數據並返回geojson數據格式
一、查詢 （1）建立數據模型 module.exports = app => { const { STRING, INTEGER, DATE, GEOMETRY } = app.Sequelize; const Zh
2020-02-21 12:41:02
原创 egg sequelize postgis 環境搭建
一、egg基本環境的搭建 官方地址：https://eggjs.org/zh-cn/tutorials/index.html 一、將本地建立一個項目文件夾如gis-analyse,在該文件夾下執行腳手架命令 npm init egg -
2019-10-25 19:42:10