WebGIS
文章平均质量分 59
爱睡懒觉的老舅
GISer一枚,好好学习技术
展开
-
Vue+OpenLayers学习系列(十二)番外篇:openlayers6结合geoserver实现框选查询
一、问题这里面用的是ajax获取查询结果的信息,最重要的方法是 queryByPolygon(polygon,typeName,callback){ }。其中注意要查看下面这个字段是不是跟发布的字段是一样的。这个地方要多查看和熟悉geoserver的xml写法,不然会出现很多错误。filter += '<PropertyName>the_geom</PropertyName>';可以在geoserver管理界面中的图层里面查询该图层的详细信息界面:queryBy原创 2021-06-05 23:29:14 · 2334 阅读 · 2 评论 -
Vue+OpenLayers学习系列(十一)使用axios加载GeoServer发布的WFS服务
一、问题1、之前用下面官网的方法source.addFeatures()将查询的图层信息加载到 source 里面,但是不知道为啥,死活出不来,也不报错,就很奇怪。var source = new VectorSource();source.addFeatures(new GeoJSON({featureProjection: 'EPSG:3857'}).readFeatures(res.data));后面偶然间用下列方法试了下,发现可以读取出来:var source = new ..原创 2021-06-05 21:05:14 · 1327 阅读 · 2 评论 -
Vue+OpenLayers学习系列(十)OpenLayers读取VectorLayer矢量图层数据(GeoJson格式)
之前有看到OpenLayers官网(https://openlayers.org/en/latest/examples/box-selection.html)读取GeoJson数据是下面这样读的,但是我怎么读都读不出来,报各种错。//这是官网读GeoJson的方法var vectorSource = new VectorSource({ url: 'data/geojson/countries.geojson', format: new GeoJSON(),});后面查了很多资料,发现原创 2021-04-24 23:55:59 · 3838 阅读 · 6 评论 -
Vue+OpenLayers学习系列(八)OpenLayers调用天地图WMTS服务
最近调用天地图服务,发现之前大家调用都是用XYZ方式,而切片方式调用比较少,这里记录下,以备后续所需。1、注册天地图并查看天地图的WMTS服务。首先登陆后,需要注册天地图账号(这里吐槽下,天地图账号只能用邮箱注册,这样导致我邮箱不能用之后,天地图账号密码忘了无法找回密码,且账号绑定的手机号也不能解绑)。注册之后可以在控制台创建新应用,获得调用服务所需的key。然后在地图API>地图服务那里可以查看到地图服务列表。2、Vue+OpenLayers调用天地图WMTS服.原创 2021-04-24 19:28:55 · 3158 阅读 · 0 评论 -
Arcpy发布地图服务
工作需要研发一个大平台,需要有发布地图服务的功能。之前做过一个平台,使用 GeoServer 发布地图服务,后台使用 Java+SpringBoot,前端使用 Vue+OpenLayers,平台整体比较稳定,但是图层符号化配色那块比较难搞。后面担心其他的单位都用的是 ArcGIS 那一套。所以准备研发一套基于ArcGIS 的平台。初步决定使用 Arcpy 调用ArcGIS Server 发布地图服务,将 Arcpy 做成能发布地图服务的插件,后台还是使用 Java+SpringBoot,前端可能使.原创 2021-03-14 12:03:27 · 738 阅读 · 0 评论 -
Vue+OpenLayers学习系列(九)Vue+OpenLayers小案例(长度测量、面积测量、坐标定位、坐标获取)
很早之前做的一个例子,最近想复习下Vue+OpenLayers的使用案例,所以发出来供大家下载vue-ol-demo-master本Demo的功能包括:地图展示、地图放大缩小、添加鹰眼、长度测量、面积测量、坐标获取、坐标定位。其中测量工具实现的方法逻辑单独放在src/shared/tools/measure.js文件里面,避免放到组件里面太大太冗余。运行方法:#下载依赖npm install#运行npm run serve...原创 2021-03-11 23:08:30 · 1982 阅读 · 6 评论 -
10-ArcGIS API For JavaScript动态图层
一、前言ArcGIS 10.1版本之后,提供了一种新的功能:动态图层。准确的说,动态图层并不是一种新的地图服务,它更像是地图服务(MapServer)的一种扩展。动态图层主要特点是:(1)改变地图服务的现有图层;(2)动态图层适用于海量图层的情况;(3)不需要将 shp 文件发布为服务,服务器可以之间读取 shp 文件在前端显示;二、调用动态图层在前面已经说过动态图层并不是一种新的服务...转载 2019-11-27 20:20:18 · 762 阅读 · 0 评论 -
09-ArcGIS API For JavaScript几何服务(缓冲区分析和图形求交)
一、前言什么是几何服务(GeometryService)?从字面意义上来说是和几何(Geometry)相关的服务,具体一点讲我们可以用这个类实现一些简单的图形操作。例如:(1)测量直线的距离;(2)形状的缓冲区分析;(3)判断两个形状之间的关系(相交、相离等等);(4)两个形状求交;(5)对形状的裁剪等等;在此篇博客中以缓冲区分析和图形求交来介绍几何服务的使用二、启动几何服务安装好...转载 2019-11-27 19:42:14 · 1337 阅读 · 0 评论 -
08-ArcGIS API For JavaScript网络分析
一、引言在 WebGIS 中网络分析一直是比较常用的功能,如路径分析、服务点分析等等,在 WebGIS 中想要实现相应的功能,我们需要将服务发布为网络服务。若不会发布网络服务,请先看:ArcGIS Server 发布网络分析服务二、路径分析在路径分析中,主要有两个比较关键的参数:(1)停靠点(2)障碍点总体来说,路径分析需要以下几步:(1)发布网络分析服务;(2)在 Web 端创建...转载 2019-11-26 20:06:16 · 607 阅读 · 0 评论 -
07-ArcGIS API For JavaScript之调用GP服务
一、前言ArcGIS API中关于GP服务的调用是比较容易出错的,出错的大部分原因便是Web API调用 GP 服务的时候参数不对应导致的。若不会发布 GP 服务,参看:自己发布 GP 服务二、ArcGIS API For JavaScript 调用 GP 服务首先看下发布的 GP 服务的定义,注意其中的参数:2.1 代码实现(1)在页面添加两个按钮(第一个按钮用于画点,第...转载 2019-11-26 19:39:13 · 503 阅读 · 0 评论 -
06-ArcGIS API For JavaScript之渲染实现
一、前言在 GIS当中,总要时不时的制作几张专题图,制作专题图的过程中,不可避免的就要涉及到图层的渲染问题(即改变图层的颜色信息),渲染分为客户端渲染,服务器渲染,客户端渲染要求我们的服务必须是要素服务,或者是可以使用FeatureLayer接收的服务图层,如何发布要素服务请看:发布要素服务二、需求首先我们的数据(宿舍楼信息)2.1 唯一值渲染用 alias 属性进行唯一值...转载 2019-11-25 20:09:01 · 610 阅读 · 0 评论 -
05-ArcGIS API For JavaScript查询功能
看到有博客比自己总结得更好,所以就没有再额外重新再写了。一、前言在 ArcGIS API 中查询功能是非常常用的,Esri 提供了三个类用于实现矢量数据查询功能:FindTask、QueryTask、IdentifyTask,他们之前的区别为:FindTask 只能进行属性查询,QueryTask,IdentifyTask 两个类既可以进行属性查询,也可以进行空间查询。 对于 Que...转载 2019-11-24 18:31:05 · 770 阅读 · 0 评论 -
04-ArcGIS API For Javascript 图形要素graphic
一、graphic简介ArcGIS JavaScript API 允许在地图上绘制 graphic(图形)。graphic可由用户作为标记或输入绘制,也可由应用程序根据任务绘制。如应用程序可将查询结果作为 graphic 添加到地图。可以为地图创建和添加一个或多个 graphic 图层(即 GraphicsLayer),一个GraphicsLayer 包含一个 Graphic 对象的数组,该...原创 2019-11-24 17:53:28 · 2436 阅读 · 0 评论 -
03-ArcGIS API For Javascript 地图基本操作
一、前言 开发一个 WebGIS 系统不可避免要涉及一些简单的地图操作,如:拉框放大,拉框缩小,平移,全图显示等相关操作。除了这些基本操作,Esri也提供了一些小部件非常实用,如鹰眼,书签,比例尺等。本篇文章主要介绍地图的基本操作和几个常用小部件。 在 ArcGIS API 中给我们提供了一个类叫做 Navigation,通过这个类可以实现对地图的基本操作,Na...转载 2019-11-23 00:31:34 · 845 阅读 · 0 评论 -
02-ArcGIS API For JavaScript调用动态地图服务
一、ArcGIS发布动态地图服务参考:https://blog.csdn.net/lovecarpenter/article/details/52205093我发布的地图服务是:二、通过属性查询地图服务中的信息1、调用地图服务在ArcGIS API 中给我们提供了一个类叫做ArcGISDynamicMapServiceLayer利用这个类,我们可以获得发布的地...转载 2019-11-22 16:25:27 · 1556 阅读 · 2 评论 -
01-ArcGIS API For JavaScript3.17本地tomcat部署
一、本地Tomcat部署1、下载Tomcat和ArcGIS API For JavaScript库我本机电脑安装的是apache-tomcat-8.0.37,ArcGIS API For JavaScript3.17版本2、安装Tomcat(1)安装Tomcat之前需要首先安装配置JDK计算机右键-属性-高级系统设置-环境变量-新建环境变量,变量名为JAVA_HOME,变量值为...原创 2019-11-21 17:03:52 · 476 阅读 · 0 评论