2018年12月_此爱如少年

12月 11月 10月 09月

原创利用Openlayers4简单实现地图遮罩效果（一）

地图遮罩通常用来突出显示某一块特定区域，先来看下效果。原理：在原地图上增加一个图层，并使用半透明的样式。 var map,baseLayer; //定义图层样式 var mystyle = new ol.style.fill({ fill: new ol.style.Fill({ color:&quot;rgba(72,61,139, 0.2)&quot;, }), st...

2018-12-23 19:56:42 6630 3

原创多个ajax异步请求调用同一个回调函数的实现

文章目录ajax异步请求常规写法链式写法.done().then()多个ajax并发且同一回调函数$.when()$.when.apply 将请求作为数组 ajax异步请求先来看个简单的ajax异步请求常规写法 $.ajax({ url:"test.html", async:true, success: function(){ ...

2018-12-23 18:31:32 2691 2

原创基于PostGIS+PgRouting的最短路径查询的实现（三）：Openlayers篇

上一篇完成了最短路径服务发布，接下来记录下Openlayers中如何使用该服务。其实这个服务同其他的Geoserver图层类似，只不过多带了两个参数。在请求地图服务时，只要把这两个参数传入即可。可以使用WMS服务直接加载图片来展示结果，也可以使用WFS服务，把数据取出来再进行渲染。以下介绍在Openlayers中如何进行传参调用，示例使用Openlayers4版本。 WMS方式加载 var ...

2018-12-22 19:22:42 1854 1

原创基于PostGIS+PgRouting的最短路径查询的实现（二）：Geoserver篇

上一篇记录了在PostgreSQL数据库中如何组织和查询最短路径，由于Geoserver支持PostGIS数据库，在开源WebGIS领域，通常用这两个组合来发布地图服务，因此，这一篇将介绍在如何在Geoserver中发布最短路径查询服务。最短路径查询回顾下上一篇最后，查询最短路径的SQL： select seq, id1 as node, id2 as edge, cost, geom fr...

2018-12-22 16:51:49 2533

原创基于PostGIS+PgRouting的最短路径查询的实现（一）：数据库篇

关于最短路径查询计划分为三篇文章来记录。本篇：主要来记录在这个方案中，要如何去准备数据及相关的数据库操作 Geoserver篇：主要记录在Geoserver中如何去创建最短路径分析图层服务。 Openlayers篇：主要记录在前端使用Openlayers如何去调用最短路径服务。文章目录一、软件基础二、准备工作三、数据操作（重点）一、软件基础安装PostgreSQL数据库安装Geoser...

2018-12-19 22:38:43 3697 23

原创 Openlayer4中实现基于Geoserver的WFS服务GetFeature的查询请求

在使用地图时，有些图层，只有在有需要的时候才进行展示，甚至希望能将带坐标的地图数据从服务器上取到本地，进行操作，进行渲染等等。WFS服务可以满足这一需求。 WFS服务怎么创建？其实同WMS一样，可以在Geoserver中进行发布。发布的过程，网上非常多。以下简单记录下，在服务发布后，使用Openlayers来调用WFS服务的方法。常用的有两种方法： 1、利用Openlayers4封装的类ol.f...

2018-12-13 22:20:51 2303 2

原创 Openlayers4加载WMS地图

ol4加载地图最基本的方法准备工作 1、shp文件 2、geoserver发布图层 var map,wmsLayer; function initMap(){ wmsLayer = new ol.layer.Tile({ source: new ol.source.TileWMS({ url: &amp;amp;amp;quot;http://localhost:8080/geos...

2018-12-13 21:25:02 6431