GeoServer

leaflet-webpack 入门开发系列六矢量瓦片(附源码下载)

二次信任 提交于 2020-05-01 05:22:22
前言 leaflet-webpack 入门开发系列环境知识点了解: node 安装包下载 webpack 打包管理工具需要依赖 node 环境,所以 node 安装包必须安装,上面链接是官网下载地址 webpack 配置介绍文档 详细的 webpack 文档配置介绍,适合新手查看,我也是边看边学 vscode 安装包下载 ,我这边用 vscode工具编译开发前端项目,个人觉的这款工具还不错 leaflet api文档介绍 ,详细介绍 leaflet 每个类的函数以及属性等等 leaflet 在线例子 leaflet 插件 ,leaflet 的插件库,非常有用 内容概览 leaflet 矢量瓦片 源代码 demo 下载 效果图如下: 本篇主要利用 leaflet 的插件 leaflet.vectorgrid 实现两种不同数据源的矢量瓦片渲染加载效果: 调用 geoserver 发布的 pbf 矢量瓦片服务 加载 geojson 数据源渲染矢量瓦片 leaflet.vectorgrid 插件 github 地址: https://github.com/Leaflet/Leaflet.VectorGrid 实现方式1:调用 geoserver 发布的 pbf 矢量瓦片服务 geoserver 安装矢量瓦片插件,用来拓展支持发布矢量瓦片服务,具体可以参考以下资料: https://www

Leaflet入门:添加点线面并导入GeoJSON数据|Tutorial of Leaflet: Adding Points, Lines, Polygons and Import GeoJSO...

青春壹個敷衍的年華 提交于 2020-05-01 05:06:33
Web GIS系列: 1. 搭建简易Web GIS网站:使用GeoServer+PostgreSQL+PostGIS+OpenLayers3 2. 使用GeoServer+QGIS发布WMTS服务 3. 使用GeoServer+OpenLayers发布和调用WMTS、Vector Tile矢量切片服务 4. Leaflet入门:添加点线面并导入GeoJSON数据 OpenLayers与Leaflet都是开源WebGIS组件中的佼佼者。之前的WebGIS系列博客中,重点以OpenLayers为JavaScript库,获得了广大GISer的关注。本文将对Leaflet进行详细介绍。所有代码都会整理并上传到GitHub上,欢迎Star和Fork! 本篇文章主要参考了Leaflet官方的入门介绍。 Quick Start Using GeoJSON 第一幅地图 首先是初始化地图并加载底图,其中setView可以设定视图的中心点和缩放层级。对于底图,可以调用OSM的切片地图,也可以调用Mapbox的切片地图。对于Mapbox的地图,需要申请API key之后才能调用。不同风格的地图可以参考: https://studio.mapbox.com/tilesets/ 初始化地图代码如下: // Init the map var mymap = L.map('mapid').setView([51

WFS: postgresql(postgis)和shp文件查询效率对比

∥☆過路亽.° 提交于 2020-04-29 14:28:29
对GeoServer上的WFS的各种数据源查询效率感兴趣,做个测试。本次测试了Postgresql、geopackage、shp文件三种数据源的查询效率,无论是本机还是服务器环境,pg存储查询效率都比shp要好。 环境 操作系统 本机=Windows 10 专业版 1903 服务器=Windows Server 2016 CPU 本机=i7 9700 服务器=L5xxx 内存 本机&服务器 = 32GB 硬盘 本机=512SSD 服务器=1TB机械 geoserver版本:2.16 pg版本:10.x 网络环境:公司局域网 代码测试环境:Cesium 1.68 原生自带的请求方法 Cesium.Resource.fetchJson() 测试环境:Microsoft Edge 84.0.488.1 Dev 预备知识 WFS WFS的cql_filter过滤条件 shapefiles数据信息 数据名 数据体积 数据量 EPSG 非OBJECTID属性个数 boundary_vill_sparse 67.9MB 31383 4490 12 village_mz_sparse 17.0MB 6246 4490 12 本文基于公司保密数据进行测试,就不提供数据了,感兴趣的朋友可以用全国县级数据进行模拟。 数据预览: 数据入库要求: 均建立索引 wfs模糊查询效率对比(本机) 数据名称 数据源

WFS: postgresql(postgis)和shp文件查询效率对比

眉间皱痕 提交于 2020-04-29 14:24:19
对GeoServer上的WFS的各种数据源查询效率感兴趣,做个测试。本次测试了Postgresql、geopackage、shp文件三种数据源的查询效率,无论是本机还是服务器环境,pg存储查询效率都比shp要好。 环境 操作系统 本机=Windows 10 专业版 1903 服务器=Windows Server 2016 CPU 本机=i7 9700 服务器=L5xxx 内存 本机&服务器 = 32GB 硬盘 本机=512SSD 服务器=1TB机械 geoserver版本:2.16 pg版本:10.x 网络环境:公司局域网 代码测试环境:Cesium 1.68 原生自带的请求方法 Cesium.Resource.fetchJson() 测试环境:Microsoft Edge 84.0.488.1 Dev 预备知识 WFS WFS的cql_filter过滤条件 shapefiles数据信息 数据名 数据体积 数据量 EPSG 非OBJECTID属性个数 boundary_vill_sparse 67.9MB 31383 4490 12 village_mz_sparse 17.0MB 6246 4490 12 本文基于公司保密数据进行测试,就不提供数据了,感兴趣的朋友可以用全国县级数据进行模拟。 数据预览: 数据入库要求: 均建立索引 wfs模糊查询效率对比(本机) 数据名称 数据源

Openlayers+GeoServer导出地图图片及跨域问题

别说谁变了你拦得住时间么 提交于 2020-04-28 08:11:23
问题描述: 想用ol5.3实现地图的导出,Openlayers官网有实例,在这里就不写代码了。我自己的代码是加载了geoserver发布的图层,在导出时html页面后台提示错误: SecurityError: The operation is insecure. 原因是:canvas导出图片时,涉及到跨域的问题,需将图层的crossOrigins设置为“anonymous” 例如: var wmsSourceLucc = new ol.source.TileWMS({ crossOrigin: 'anonymous', // 解决错误:SecurityError: The operation is insecure. url: mapWmsURL, params: { 'LAYERS': luccLayerParams,tiled: true }, serverType: 'geoserver' }); 这样能解决像引入的天地图、谷歌地图、百度地图、OSM地图等的 SecurityError: The operation is insecure 问题,但是新的问题又来了:自己用geoserver发布的图层又出现了下面的错误 CORS 头缺少 'Access-Control-Allow-Origin' 还是跨域的问题,查了很多技术文档

ArcGIS Desktop直连PostgreSQL安装及配置图解(windows)

前提是你 提交于 2020-04-28 06:44:17
@[TOC](ArcGIS Desktop直连PostgreSQL安装及配置图解(windows)——ArcGIS 10.6&&ArcGIS Pro 2.3) 1 PostgreSQL 11.0安装及配置 软件下载入口 2 psqlODBC安装及配置 3 PostGIS安装及配置 4 pgAdmin4使用入门 5 空间数据导入 5.1 将PostgreSQL的bin文件路径添加到系统环境变量 5.2 栅格数据导入 1)raster2pgsql导入栅格数据 raster2pgsql -s 投影坐标系 -I -M -C shp文件路径 -t 切片大小 新建的数据表名 |psql -h localhost -p 5432 -U 数据库用户 -d 数据库名 -W raster2pgsql -s 4326 -I -M -C D:\raster\t1.tif -t 256x256 public.t2 | psql -h localhost -p 5432 -U postgres -d ltest -W 2)特别提示 raster2pgsql导入栅格数据,与在ArcGIS中直接将栅格数据存储到PostgreSQL,存在两种截然不同的数据存储方式,间接导致后一种方式存储的栅格数据,无法在geoserver中通过postgis发布影像服务。 5.3 矢量数据导入 1) PostGIS

开源方案搭建可离线的精美矢量切片地图服务-5.Mapbox离线项目实现

…衆ロ難τιáo~ 提交于 2020-04-24 13:51:04
系列文章目录 开源方案搭建可离线的精美矢量切片地图服务-1.开篇(附成果演示地址) 开源方案搭建可离线的精美矢量切片地图服务-2.PostGIS+GeoServer矢量切片 开源方案搭建可离线的精美矢量切片地图服务-3.Mapbox个性化地图定制入门 开源方案搭建可离线的精美矢量切片地图服务-4.Mapbox样式设计 开源方案搭建可离线的精美矢量切片地图服务-5.Mapbox离线项目实现 开源方案搭建可离线的精美矢量切片地图服务-6.Mapbox之.pbf字体库 开源方案搭建可离线的精美矢量切片地图服务-7.Arcgis Pro企业级应用 开源方案搭建可离线的精美矢量切片地图服务-8.mapbox 之sprite大图图标文件生成(附源码) 项目成果展示(所有项目文件都在阿里云的共享云虚拟主机上,访问地图可以会有点慢,请多多包涵)。 01:中国地图: http://test.sharegis.cn/mapbox/html/3china.html 02:德国-德累斯顿市: http://test.sharegis.cn/mapbox/html/6germany.html 1.中国地图离线实例 将所有的在线资源替换为本地资源,这里主要关注一下三种矢量切片的获取方式, 1.通过tms服务 http://localhost:8080/geoserver/gwc/service/tms/1.0

geoserver wfs-t is read-only exception

回眸只為那壹抹淺笑 提交于 2020-04-21 07:10:51
问题 I am trying to save changes via WFS-T using GeoServer: This is my code that is getting feature from geoserver var sourceWFS = new ol.source.Vector({ loader: function (extent) { $.ajax('http://127.0.0.1:8080/geoserver/kairosDB/ows', { type: 'GET', data: { service: 'WFS', version: '1.1.0', request: 'getFeature', typename: 'wfs_geom', srsname: 'EPSG:3857', bbox: extent.join(',') + ',EPSG:3857' } }).done(function (response) { sourceWFS.addFeatures(formatWFS.readFeatures(response)); }); }, //

geoserver wfs-t is read-only exception

99封情书 提交于 2020-04-21 07:10:46
问题 I am trying to save changes via WFS-T using GeoServer: This is my code that is getting feature from geoserver var sourceWFS = new ol.source.Vector({ loader: function (extent) { $.ajax('http://127.0.0.1:8080/geoserver/kairosDB/ows', { type: 'GET', data: { service: 'WFS', version: '1.1.0', request: 'getFeature', typename: 'wfs_geom', srsname: 'EPSG:3857', bbox: extent.join(',') + ',EPSG:3857' } }).done(function (response) { sourceWFS.addFeatures(formatWFS.readFeatures(response)); }); }, //

GeoServer-设置WMS的显示样式

自古美人都是妖i 提交于 2020-04-04 08:44:20
GeoServer发布WMS服务时,可以选择GeoServer的默认样式,也可以设置自定义样式。 OGC WMS支持通过OGC的SLD(Styled Layer Descriptor)来设置WMS图层的演示。 本文通过uDig来配置生成SLD样式文件,并将SLD设置为WMS图层的样式。 1. 安装uDig uDig的网址是 http://udig.refractions.net/ 。下载exe文件安装即可。 2. 加载PostGIS图层 以随机样式显示的country图层 3. 配置country的分级图显示样式 1) 右键点击下面的"country"节点,选择“Change Style”,弹出Style Editor窗口 2) 在Style Editor窗口中,选择"Theme"。然后在"Theme"标签中的"Attribute"选择"id"属性,在Palette中选择一个配色方案。 点击"Apply",uDig以当前样式显示地图。 4. 生成SLD文件 在Style Editor窗口中点击"XML",右侧标签中 点击"Export"按钮导出sld文件,名称为world_country.sld,sld文件实际上就是一个xml文件。 5.在GeoServer里添加新的样式(Style) 1) 在GeoServer中点击左侧的"Styles"按钮 2)在"Styles"页面上点击