shp数据添加wkt字段并导出成csv,leaflet绘制使用

news/2024/7/9 19:35:03 标签: postgresql, 数据库

准备的东西:软件2跟软件3具体怎么有这些软件需要自行百度postgresql postgis相关
1.shp数据
2.软件2
在这里插入图片描述
在这里插入图片描述

3.软件3
在这里插入图片描述
在这里插入图片描述

1.数据导入

首先你得有软件2的数据库,即postgresql数据库,然后通过postgis的插件进行连接并导入数据,
导入数据需要注意数据存放的地址不能有中文且编码格式需要反复测试,例如我的原始shp数据为gb18030编码格式,但是在使用postgis插件进行导入的时候会乱码,因为postgis导入时默认的编码格式为UTF-8。导入成功后即可使用sql语句及gis函数进行wkt字段的添加。
在这里插入图片描述

2.字段添加,wkt生成函数编写

这里我添加字段使用的是可视化工具pgAdmin添加的变长类型的字段,这样不管wkt有多长都不会影响。
主要函数:ST_AsText(geom)
在这里插入图片描述
生成效果如下图:
在这里插入图片描述

3.导出

这里导出我也使用的是pgAdmin自带的导出表的功能
在这里插入图片描述

4.leaflet 获取wkt并绘制

后端导入这些数据后,前端拿到wkt然后用leaflet进行绘制,因为我们封装的数据是需要leaflet格式的数据,所以这里我需要转换成我需要的格式。
用到了一个插件:wellknown:wkt与geojson互相转换

import { parse, stringify } from "wellknown" //parse(wkt) stringify(geojson)

leaflet与geojson的格式转换:最后使用latlngs绘制即可

let geojson=parse("MULTIPOLYGON(((114.105446995932 22.5517130995972,114.10547400678 22.5517141571772,114.10547224189 22.5516897349193,114.105446167255 22.5516898994243,114.105446995932 22.5517130995972)))")
 console.log('这是geojson',geojson);
 let latlngs=L.GeoJSON.coordsToLatLngs(geojson.coordinates,2)
console.log('这是latlngs',latlngs);

http://www.niftyadmin.cn/n/151573.html

相关文章

spring boot中使用雪花算法生成雪花ID

目录 1、什么是雪花算法 2、雪花算法的优缺点 3、spring boot项目中使用雪花算法使用 1、什么是雪花算法 雪花算法(Snowflake)是一种生成全局唯一ID的算法,由Twitter公司开发。它可以在分布式系统中生成全局唯一的ID,解决分布式…

【拳打蓝桥杯】最基础的数组你真的掌握了吗?

文章目录一:数组理论基础二:数组这种数据结构的优点和缺点是什么?三:数组是如何实现随机访问的呢?四:低效的“插入”和“删除”原因在哪里?五:实战解题1. 移除元素暴力解法双指针法2…

常用设计模式之策略模式

常用设计模式之策略模式策略模式代码实现面向对象的编程,并不是类越多越好,类的划分是为了封装,但分类的基础是抽象,具有相同属性和功能的对象的抽象集合才是类。策略模式它定义了算法家族,分别封装起来,让…

C语言详解——选择排序

关于排序大家都知道哪些?还是只知道冒泡排序~哈哈 不错起码知道一个 总比没有强今天 带大家来了解一个新的排序思想 “选择排序”那什么是选择排序呢听其名 知其用 就是靠选择排序的那么该怎样选择呢? 核心思想就是用两个指针标记该区间的两个最值 只是标…

用户体验设计中的视觉影响因素

👀 一、人类视觉的基本特征🔥影响人类对所见内容的感知因素过去的经历过去的经历会引导、影响人们去期待他们所看到的的东西,也可以理解为是先验知识会影响我们对新事物的判断。观察上图你可以发现什么不一样的东西吗是的这里有一个人头你发现…

es常用rest操作命令

1.根据id批量查询 POST {my_index}/_search { "query": { "ids": { "values":["18328422","21193118"] } } } 2.根据id批量删除 POST {my_index}/_delete_by_query { …

这可能是你需要的React实战技巧

一、父组件通过 Ref 调用子组件中的方法 这里同时演示使用函数组件和类组件的父子组件如何编写 子组件 React.forwardRefReact.useImperativeHandlepublic、private、protected /** * 声明一个 function component 作为子组件 * 通过 forwardRef 接收父组件传递的 ref * 通…

【C++】10.stack和queue

1.stack和queue stack:栈 queue:队列 两者都是容器适配器 通过容器的push_back等功能来实现 容器适配器 都不支持迭代器遍历 因为他们通常都包含一些特殊性质 如果支持迭代器随便遍历 那他们无法很好的保持他的性质 2.stack/queue的实现/使用 #include <vector> #…