Openlayers
文章平均质量分 71
凌往昔
这个作者很懒,什么都没留下…
展开
-
【OpenLayers 进阶】添加滤镜改变底图样式
项目实施过程中,需要根据不同的业务场景需求变换地图样式。如果客户提供的底图服务或自建底图服务是类似Mapbox这种矢量切片,那只要按照需求配置不同的样式文件即可。如果没有矢量切片,只有一张张瓦片图如何实现呢?下面提供两种实现方式,以供参考上述两种方式都可以实现改变底图颜色的需求,但实现的逻辑有所区别。className是在canvas节点添加了滤镜,作用到载入画布的所有图像,不作用于原始瓦片。则是将请求的原始瓦片用滤镜预处理一遍产生一张加了滤镜的新瓦片,然后再加到canvas中的。原创 2024-09-03 21:35:12 · 1118 阅读 · 0 评论 -
【学习笔记之Openlayers3】初次接触openlayers3(第一篇)
将自己学习到的一些关于openlayers3的知识总结一下,以便自己后期的回顾。一、 Openlayers3下载:首先下载openlayers3的开发包,步骤如下:访问openlayers官网 http://openlayers.org/(国外网站,可能访问会比较慢) 选择版本下载:有两种进入下载页面方原创 2016-11-27 15:57:18 · 12482 阅读 · 0 评论 -
【学习笔记之Openlayers3】控件篇(第二篇)
其实关于控件篇没有多少需要讲的,只要在地图初始化时添加你需要的的地图控件就可以了,如果需要更改样式,更改其对应的CSS就可以。地图加载时候会通过ol.control.defaults()这个函数返回默认的三个控件(ol.control.Zoom,ol.control.Rotate,ol.control.Attribution),这些控件也可以通过设置ol.control.defaults()中的参数原创 2016-12-25 09:38:27 · 1127 阅读 · 0 评论 -
【学习笔记之Openlayers3】补充篇之鹰眼控件(OverviewMap)
本篇文章主要讲关于Openlayers3中鹰眼控件或者说鸟瞰图控件(ol.control.OverviewMap)不显示以及不能实现通过拖动控件中区域使主地图也跟着移动的解决方法。一、加载OverviewMap控件有人曾经遇见过加载了控件,但是控件打开却是一片空白,对比官网的例子看是一样的,但是官网显示,自己的却没有显示,不知道是什么原因。这种情况有两种:在线地图和离线的瓦片地图。 使用在线地图数原创 2016-12-25 11:59:52 · 5774 阅读 · 2 评论 -
【学习笔记之Openlayers3】要素绘制篇(第三篇)
直接以项目实例来进行讲解要素绘制 需要用到的openlayers3中的ol.interaction.Draw 类。这是openlayers3提供的内置交互方式,除了这个用来绘制的类,还有其他的交互类,如:1.按住alt+shift键,用鼠标左键拖动地图,就能让地图旋转,对应的交互类为ol.interactio原创 2017-01-07 13:39:27 · 5706 阅读 · 5 评论 -
【问题小结】项目中遇到的问题小结篇(第一篇)
问题:使用openlayers3的ol.format.WKT类对ol.geom.Circle进行转换,得到wkt描述传入后台进行处理时,chrome一直报错(geometryEncoder should be defined ),如下:百度了一下,没有找到相关解决方案,于是求助了万能的谷歌爸爸,果然一下就找到问题出现的原因:原因是WKT中没有Circle这个几何类型,所以没办法转换,哭晕在厕所。这原创 2017-01-13 20:21:45 · 1124 阅读 · 0 评论 -
【学习笔记之Openlayers3】要素保存篇(第四篇)
上一篇中已经讲了要素的绘制功能,既然要素都绘制出来了,绘制完就应该保存起来了吧,那么怎么保存呢?这一篇就是讲解怎么保存绘制好的要素的。个人用到过两种保存要素的方法,一种是通过WFS直接保存要素入库,另一种是通过ajax的方法通过项目的服务器端保存到数据库中。 先说一下自己项目的开发环境:openlayers3+geoserver+postgresql+postgis。这篇保存也是基于这个基础做的原创 2017-01-20 09:55:34 · 8224 阅读 · 28 评论 -
【学习笔记之Openlayers3】查询分析篇(第五篇)
这篇主要讲到基于openlayers3实现查询分析功能主要包括:属性查询,几何对象查询,位置关系查询这三类。 开发环境:openlayers3 geoserver postgresql+postgis1.属性查询 其实属性查询没有什么要讲的,就是对于图层要素的的基础属性进行查询(例如名称,地址等等)这些查询就是简单的利用ajax进行请求后台,然后写SQL查询语句即可。这里就不多赘述了原创 2017-02-12 15:18:13 · 4959 阅读 · 1 评论 -
【学习笔记之Openlayers3】路径分析篇(第六篇)
最佳路径分析最近在使用openlayer3进行项目开发的时候,由于项目需求要实现最佳路径分析功能。原先没做过,找了网上的资料,然后现在将自己做的总结一下。相关算法首先找了相关的路径分析算法一种是迪杰克斯特拉(Dijkstra)算法 还有一种是Floyd-Warshall算法 ,目前比较常用的是迪杰克斯特拉(Dijkstra)算法进行路径分析的。如何实现路径分析首先开发环境是:openlayers3原创 2017-02-28 17:26:54 · 4294 阅读 · 23 评论