文章分类 -  OpenLayers

摘要:最近在做一个开源GIS的demo的工作,工作中涉及到了地图瓦片,选取的开发环境是geoserver+openlayers,那么地图瓦片自然而然也 就使用geowebcache,geowebcache就相当于是openlayer和geoserver之间的中介,首先,geowebcache会根 据你的配 阅读全文
posted @ 2016-07-18 15:30 韩慧兵 阅读(2305) 评论(0) 推荐(0)
摘要:概述: 一直在寻求openlayers中wfs加载和属性查询的相关操作,功夫不负有心人,蓦然回首,那人却在灯火阑珊处,找到了这篇博文:http://blog.csdn.net/longshengguoji/article/details/39377931,试了下,在IE8中正常运行,但是在chrom 阅读全文
posted @ 2016-07-18 15:17 韩慧兵 阅读(913) 评论(0) 推荐(0)
摘要:概述: 很多会有多图联动的需求,本文讲述如何在OL3中实现多图的联动。在OL3中,实现多图联动比较简单,只要所有的map通用一个view即可。 效果: 测试代码: [html] view plain copy print? [html] view plain copy print? 阅读全文
posted @ 2016-07-18 15:16 韩慧兵 阅读(218) 评论(0) 推荐(0)
摘要:概述: 上文中提到了在Arcgis for JS中实现百度地图ABCD的marker效果,在本文,讲述如何在OpenLayers2中实现类似的效果。 效果: 为直观期间,先将效果贴出来。 效果图1 联动展示 思路: 1、列表与地图的互动 鼠标经过列表时,修改列表图标,并根据列表返回的值在地图上绘蓝色 阅读全文
posted @ 2016-07-18 15:15 韩慧兵 阅读(390) 评论(0) 推荐(0)
摘要:概述: 本文讲述结合heatmap.js,在Openlayers中如何实现热力图。 heatmap.js简介: Heatmap 是用来呈现一定区域内的统计度量,最常见的网站访问热力图就是以特殊高亮的形式显示访客热衷的页面区域和访客所在的地理区域的图示。Heatmap.js 这个 JavaScript 阅读全文
posted @ 2016-07-18 15:13 韩慧兵 阅读(1676) 评论(0) 推荐(0)
摘要:概述: 在前文中讲到了在Arcgis for js中统计图的实现,在本文,讲述在Openlayers3中结合highcharts实现统计图。 实现: 在Openlayers3中实现统计图比较方便,通过ol.Overlay即可。首先,了解下Overlay。在OL3的借口文档中,Overlay的描述如下 阅读全文
posted @ 2016-07-18 15:11 韩慧兵 阅读(517) 评论(0) 推荐(0)
摘要:概述: 在前文中,介绍了Arcgis for js和Openlayers3中统计图的实现,在本文,书接上文,介绍在Openlayers2中,统计图的实现。 实现: 在Openlayers2中,popup的概念是:A popup is a small div that can opened and c 阅读全文
posted @ 2016-07-18 15:11 韩慧兵 阅读(371) 评论(0) 推荐(0)
摘要:概述: 在WebGIS开发中,经常会有用户提需求,要实现卷帘功能,卷帘功能主要是实现两张图之间的对比。在前文中,讲到了openlayers3以及Arcgis for js中卷帘的实现,在本文讲述如何在openlayers2中实现卷帘功能。 结果展示: 实现代码: 在此,扩展了一个名为Swipe的Co 阅读全文
posted @ 2016-07-18 15:10 韩慧兵 阅读(794) 评论(0) 推荐(0)
摘要:概述: 前面的文章中,讲述了Arcgis for js中聚类分析与展示,在本文,讲述如何在Openlayers2中聚类分析的实现。 实现效果: 实现: 主要分为:1、点的聚类;2、聚类点随着地图缩放的更新;3、聚类点的详细。 1、点的聚类与更新 [javascript] view plain cop 阅读全文
posted @ 2016-07-18 15:08 韩慧兵 阅读(962) 评论(0) 推荐(0)
摘要:概述: 不论是在Arcgis for js还是Openlayers中,当POI点比较多的时候,在前台页面的展示在效率上是一大问题。经过一段时间的研究,发现百度地图在这一问题上的处理思 路比较好:将要展示的POI点在服务器端生成图片,页面只调用图片的话效率会比较高。本文讲述如何在Java后台实现POI 阅读全文
posted @ 2016-07-18 15:07 韩慧兵 阅读(1300) 评论(0) 推荐(0)
摘要:概述: 在上文“ 大量POI点展示的一种解决方案”中,介绍了在在后台将POI生成图片在前台展示,文章中没有涉及到点的抽稀问题,也就是当点的数据量非常大的时候,这种展示方式还是会有一定的效率问题,在本文,书接上文,介绍一种点抽稀的算法,并结合上文,实现大量poi点的高效展示。 效果: 实现思路: 1、 阅读全文
posted @ 2016-07-18 15:05 韩慧兵 阅读(426) 评论(0) 推荐(0)
摘要:概述: 在前面有一篇文章中讲到了GDAL将shp转换为GeoJson的实现,以及ol2、3以及Arcgis for js中GeoJson的加载,今天呢,书接上文,介绍Geotools如何读取shp文件并在ol2中展示。 读取shp [java] view plain copy print? <pre 阅读全文
posted @ 2016-07-18 15:01 韩慧兵 阅读(1493) 评论(0) 推荐(0)
摘要:概述 在前面的文章中,讲述了通过“抽稀+后台生成图片”的方式解决大量POI点展示的一种思路,后面看了tilestache的矢量切片方式,自己仔细思考了下,提出了本文大量POI点的展示解决方案。 tilestache 大概看了下tilestache,理解了下,大概解决思路是这样的:随着地图四至范围的变 阅读全文
posted @ 2016-07-18 14:57 韩慧兵 阅读(333) 评论(0) 推荐(0)
摘要:效果: 实现关键点: 实现代码: 1、数据格式 2、设置显示样式 [javascript] view plain copy print? var style = new OpenLayers.Style({ fillColor: "#ffcc66", strokeColor: "#ff9933", 阅读全文
posted @ 2016-07-18 14:51 韩慧兵 阅读(601) 评论(1) 推荐(0)
摘要:使用Lucene索引和检索POI数据 1、简介 关于空间数据搜索,以前写过《使用Solr进行空间搜索》这篇文章,是基于Solr的GIS数据的索引和检索。 Solr和ElasticSearch这两者都是基于Lucene实现的,两者都可以进行空间搜索(Spatial Search),在有些场景,我们需要 阅读全文
posted @ 2016-07-18 11:34 韩慧兵 阅读(344) 评论(0) 推荐(0)
摘要:如果需要对带经纬度的数据进行检索,比如查找当前所在位置附近1000米的酒店,一种简单的方法就是:获取数据库中的所有酒店数据,按经纬度计算距离,返回距离小于1000米的数据。 这种方式在数据量小的时候比较有效,但是当数据量大的时候,检索的效率是很低的,本文介绍使用Solr的Spatial Query进 阅读全文
posted @ 2016-07-18 11:32 韩慧兵 阅读(2748) 评论(0) 推荐(0)
摘要:Geometry有多种格式,例如WKT, GML, KML等格式。OpenLayers提供Geometry格式的转换方法,可以实现不同格式的Geometry的转换。 Geometry格式转换类位于OpenLayers.Format命名空间下。本文以WKT--> GML的转换来说明OpenLayers 阅读全文
posted @ 2016-07-14 15:19 韩慧兵 阅读(2597) 评论(0) 推荐(0)
摘要:目录(?)[-] GeoJSON 如何利用它构建应用 PS 目录(?)[-] 用户请求地理数据或者其他数据,服务器要以一定的客户端能够识别的数据 格式返回,数据格式是否高效,直接影响用户的体验!首先要求数据格式要是轻量级的,还要求客户端处理数据方便快捷,相较于XML,JSON满足这两个要 求,且目前 阅读全文
posted @ 2016-07-14 11:33 韩慧兵 阅读(9230) 评论(0) 推荐(0)
摘要:【目标1】通过Openlayers展现后台服务提供的一个点的元素信息。 【步骤】a.地图服务、b.后台查询点经纬度、c.后台拼写JSON串服务、d.Ajax异步获取JSON串、e.页面展现 a.地图服务:依据个人地图服务而定,这里不累述。 b.后台查询点经纬度:后台查询数据库,获取点的经纬度[125 阅读全文
posted @ 2016-07-14 10:45 韩慧兵 阅读(3391) 评论(0) 推荐(0)
摘要:Geoserver是著名的开源GIS软件之一。也是项目中常用的地图服务软件。基于geoserver和Openlayers就可以构建一个免费的开源GIS项目。 Geoserver发布地图的步骤为: 1. Geoserver启动 启动Geoserver,并登陆。登陆后界面如图所示 2. 新建工作区。 单 阅读全文
posted @ 2016-07-05 11:15 韩慧兵 阅读(1007) 评论(0) 推荐(0)