webGIS实践（geoserver+openlayer+django）3_4_openlayer选择修改矢量要素

最新推荐文章于 2024-02-09 15:29:47 发布
最新推荐文章于 2024-02-09 15:29:47 发布
阅读量275 收藏
点赞数
分类专栏： WEBGIS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_41310868/article/details/106167772
版权
本文介绍了如何结合Geoserver、OpenLayers和Django在webGIS实践中进行地图操作。通过代码实现，当用户在下拉列表中选择'draw'时绘制要素，选择'select'时选择要素，选择'modify'时则可以修改已有的矢量要素。详细步骤及代码示例见文中说明。
摘要由CSDN通过智能技术生成

一、效果

下拉列表操作方式中选择draw的时候，可以绘制要素；选择select的时候，可以选择要素；选择modify的时候，可以修改要素。

 

 

 

二、代码

新建一个ModifyOL.HTML。

 

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>openlayer修改要素</title>
    <link href="ol/ol.css" rel="stylesheet" />
    <scri
最低0.47元/天 解锁文章
才华横溢吴道简
关注
专栏目录
webGIS实践（geoserver+openlayer+django）2_0_geoserver部署与图层发布（window）
吴道简的博客
05-16 1103
这部分，我们会实践geoserver的部署，并发布一张WMS地图，数据来源是一个shp文件，发布完成后，用geoserver自带的openlayer打开看。 一、geoserver部署 下载编译包 去官网http://geoserver.org/下载，下载一个平台无关版本的编译包，既能在window环境启动，又能在linux环境启动。 部署编译包，先确保电脑上安装了JAVA的jdk。 编译包下载看网速，大概花十来分钟就可以。 下载好了，找个地方解压就行。 启动 Wi...
webGIS实践（geoserver+openlayer+django）1_0_实验数据获取与数据入库
吴道简的博客
05-16 494
获取实验数据，参见： 《从零开始，构建电子地图网站：0_2_数据处理postgis》 https://blog.csdn.net/sinat_41310868/article/details/104742927 获取的是shp文件，我们要把它导入到postgres中。 一、建表语句： 注意建立几何字段的语句是： geometry geometry(POLYGON,4326) NOT NULL DEFAULT st_geomfromtext('POLYGON((0 0,1 0,1 1,0 1.
webGIS实践（geoserver+openlayer+django）0_0_目标确立与拆解
吴道简的博客
05-16 689
之前已经完成了，从零开始，构建电子地图网站。 索引目录参见：https://blog.csdn.net/sinat_41310868/article/details/105447836 数据库用的是postgresql，后端用的是springboot2，前端用的是leaflet。 地图可展示，可交互，这已经满足了大部分的需求了。 但是当我们需要展示大量数据，例如几万个面，几百万个点，很难通过上述方式实现，数据传输和页面渲染都会非常吃力。 这种情况下，怎么办呢？ 常规的办法是，先将数据在后端.
WebGIS项目开发实战（源代码及工程文件）
04-13
WebGIS项目开发实战（源代码及工程文件）
(十二) WebGIS中矢量图层的设计
weixin_34232744的博客
10-02 120
文章版权由作者李晓晖和博客园共有，若转载请于明显处标明出处：http://www.cnblogs.com/naaoveGIS/。 1.前言 在前几章中我们已经了解了什么是矢量查询、屏幕坐标与地理坐标之前的转换以及要素的设计，有了这些知识，这一章里我们终于可以进行矢量图层的设计了。 在Catalog里创建一个FeatureClass时，我们能够选择是创建点图层或者线图层或者面图层等。所谓点图层...
webGIS实践（geoserver+openlayer+django）3_0_openlayer加载瓦片地图
吴道简的博客
05-16 962
本章开始地图的前端渲染。 因为geoserver内部嵌的前端是openlayer，所以先讲openlayer的使用。 但openlayer相对来说，还是要难一些，小众一些，所以不想用openlayer的，可以看后面的leaflet专题，脚本库不一样，实现效果一样。 本文主要看openlayer怎么加载地图。 一、js库代码下载 前端脚本库可以用网络资源，也可以下载下来，但openlayer官网不是很稳定，所以可以把examples、docs、sources都下载下来。 下载链接：https.
webGIS实践（geoserver+openlayer+django）4_4_python django整合geoserver+openlayer前后端
吴道简的博客
05-17 903
接上文，前端页面访问django转发的WMS服务，而不直接访问geoserver发布的。 一、geoserver.py 添加两个方法： # 渲染geoserver页面 def geoserverget(request): return render(request, 'GeoserverOL.HTML') # 提交 gml到geoserver def geoserverpost(request): if request.POST: head = {"Co..
webGIS实践（geoserver+openlayer+django）3_2_openlayer查询渲染geojson矢量要素
吴道简的博客
05-16 653
在geoserver中，我们已经分析过getFeature的url了。 通过getFeature，访问类似如下的url，可以返回一个geojson。 http://localhost:8080/geoserver/wms?SERVICE=WMS&VERSION=1.1.1&REQUEST=GetFeatureInfo&FORMAT=image%2Fpng&TRANSPARENT=true&QUERY_LAYERS=gismap%3Av6_time_pref_pgn
webGIS实践（geoserver+openlayer+django）3_3_openlayer绘制矢量要素
吴道简的博客
05-16 360
一、效果 下拉列表选择需要绘制的几何类型，支持点（Point）、线（LineString）、面（Polygon）、圆（Circle）。 点击绘图按钮后，可以在图面上绘制几何对象，支持吸附功能。 画线或多边形的时候，按住shift键，按下鼠标左键在地图上绘制，可以模拟手绘。 实际测试一下，施绘效果还不错。 二、代码 新建一个DrawOL.HTML。 <!DOCTYPE html> <html lang="en"> <head>...
Geoserver+Cesium实现矢量数据的在线编辑
e465858647的博客
08-17 1309
1、地图服务 地图服务使用的Geoserver,发布的shp格式矢量数据，具体过程自行百度，地图发布相对比较简单。 2、地图引擎 地图引擎使用的Cesium 3、实现效果 直接上视频吧。。
geoserver+postgis+openlayers实现数据的更改
可欺之以方的博客
04-22 1230
效果图如下 先设置点位要使用的样式，代码如下 createStyle(name) { return new Style({ image: new Icon({ scale: 0.1, anchor: [0.5, 1], src: this.src }), text: new ...
[GeoServer]GeoServer服务中增删改
ljy1998dsb的博客
10-24 1487
一、GeoServer服务增删改 geoServer服务中图层要素的增删改，如果是通过postgis发布的数据，可以直接操作数据库实现。而如果是通过shp发布，则需要发送post请求，附带xml参数实现。 1、要素修改 发送URL：http://localhost:8080/geoserver/wms <wfs:Transaction version="2.0.2" service="WFS" xmlns="http://www.someserver.example.com/myns
【开源GIS系列】Geoserver扩展GDAL插件
董威廉的专栏
01-03 2645
Geoserver自带的能发布的栅格数据格式只有很少的几种，笔者现在需要发布img格式的影像，所以必需安装扩展gdal的插件，下面是步骤： 1.安装Geoserver，简单且教程多，参考官网教程（网址：官网教程链接）。 2.进入网址下载需要的库，进入native->windows（Linux用户选择Linux），笔者用的是win64位系统、64为jre，总之什么都是64位的，使用的VS2010
vue3结合openlayers，geoserver实现GIS一张图(WebGIS)
最新发布
weixin_73810008的博客
02-09 3040
WebGIS小小白在除夕这天倾情演绎
3-借助QGIS和Geoserver发布一个Shapefile
lovewhoilove
09-27 571
本节将用到的数据下载地址：https://docs.geoserver.org/latest/en/user/_downloads/30e405b790e068c43354367cb08e71bc/nyc_roads.zip，将其解压并放置在GeoServer安装目录的data_dir目录下（我这里的路径为C:\geoserver-2.19.2\data_dir，则数据的目录为C:\geoserver-2.19.2\data_dir\nyc_roads）。 1 创建一个Workspace Workspace
webGIS实践（geoserver+openlayer+django）3_5_openlayer生成GML和WKT数据
吴道简的博客
05-17 435
一、效果 选中要素，点击生成GML按钮，可以在控制台上打印GML和WKT数据。 GML是WFS服务的标准格式，可以跟geoserver进行交互，增删改查等。 二、代码 新建一个CreateGMLOL.HTML。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>openlayer生成GML</ti...
搭建简易Web GIS网站：使用GeoServer+PostgreSQL+PostGIS+OpenLayers3
weixin_30542079的博客
02-08 568
Web GIS系列： 搭建简易Web GIS网站：使用GeoServer+PostgreSQL+PostGIS+OpenLayers3 使用GeoServer+QGIS发布WMTS服务 使用GeoServer+OpenLayers发布和调用WMTS、Vector Tile矢量切片服务 Leaflet入门：添加点线面并导入GeoJSON数据 1 服务器搭建 使用To...
geoserver 3_GIS Experience （一）：GeoServer安装及使用教程
weixin_39600331的博客
10-30 178
1 前言GeoServer的是一个基于Java的软件，它允许用户查看和编辑地理空间数据，使用开放地理空间联盟（OGC）提出的开放标准，为地图创建和数据分享提供了强大的便利性。 GeoServer是OpenGIS Web 服务器规范的 J2EE 实现，利用 GeoServer 可以方便的发布地图数据，允许用户对特征数据进行更新、删除、插入操作，通过 GeoServer 可以比较容易的在用户之间迅速共...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值