OpenLayers
文章平均质量分 86
AIGIS.
一名有趣的giser,致力于gis普适话、大众化、平民化。
展开
-
OpenLayers线性渐变和中心渐变(径向渐变)
OpenLayers官网有整个图层的渐变示例,但是没有单个要素的渐变示例,我们这里来补充一下。OpenLayers中的渐变是通过fill选项中实现的。fill选项可以传一个ColorLike,本质是通过Canvas实现的,此时ColorLike对应的是或。OpenLayers中的渐变效果实在很难令人满意,又或者是我们理解的有问题,因为其是动态变化的,我们很难得到想要的结果。目前,我们要时刻注意监听视图的变化来修改渐变的效果。本文算是抛砖引玉吧,如果某位有志之士能谁能解决掉这个问题,希望能告诉我一下,回见~原创 2024-03-01 16:21:19 · 1882 阅读 · 2 评论 -
OpenLayers多要素旋转平移缩放及olext深度定制化
首先OpenLayers本身是支持旋转、平移、缩放的。olext只是在OpenLayers的基础上又做了一层封装,使得看起来比较好看,用起来也比较好用。当然,olext里的功能可不止旋转、平移缩放,还有很多,比如样式、动画、过滤器、控制器、各类要素交互、重做撤销、图例、搜索、路径规划、等高线以及移动端适配等等。官方示例地址为GitHub,ES6版本可以参考,ES5及以下版本可以参考olext3.1.5现在我觉的这个样式不好看,缩放和拉伸我不想要方框了,我要改成实心圆,并且加上颜色来区分功能,修改方法中。原创 2024-02-23 16:25:32 · 1444 阅读 · 7 评论 -
OpenLayers水平镜像和垂直镜像
最近项目中用到了要素和图片的水平镜像和垂直镜像功能。这些功能说难不难,说简单也不简单,就是稍微费点劲,这里记录一下。有很多人把镜像和旋转混淆,但镜像的图形是不可能通过旋转得到的,我们这里来看一下二者的区别,直接上图。我们在本文中实现了要素和图片的垂直镜像和水平镜像。值得注意的是:1.要素的旋转和图片的旋转都需要传入弧度值2.要素的旋转,逆时针为正,顺时针为负3.图片的旋转,顺时针为正,逆时针为负。原创 2024-02-22 17:51:24 · 553 阅读 · 0 评论 -
openlayers百万级和千万级数据量的矢量切片在渲染过程中的技术难点解析
本文于产生于一个特殊的需求,即能否在前端控制底图里各种图层的显隐?比如天地图中的道路、河流?答案显示是不行。为什么?因为天地图是后端渲染,前端拿到的只是一张图片而已,是没法控制图片里的图层的。那有没有办法来解决这一需求呢?答案是当然有。在前端渲染矢量切片,当需要隐藏的时候,将某一属性的图层直接设置样式为空就可以了倍。另外作者注意到,百度地图和高德地图现在都已经将渲染方式改为了在前端渲染矢量切片的方式了。但是二者在标注。原创 2022-12-13 17:43:13 · 2850 阅读 · 7 评论 -
openlayers铁路公路桥梁隧道及导航样式参考
近期工作需要设计交通图,故需要设计一些类似铁路,桥梁,隧道等样式,在此记录下样式的一些效果。可能有更好的实现方式,在这里 就当抛转引玉了。转载 2022-10-19 18:42:46 · 805 阅读 · 0 评论 -
如何在openlayers中使用iconfont或font Awesome字体图标
本文我们主要讲下如何在openlayers中使用iconfont字体,看明白了iconfont,那么也就能明白了。虽然网上也能搜到一些讲这个的帖子,但是都讲得不清不楚的,比如牛老师的,我看完以后就是丈二和尚摸不着头脑,所以本文中,我会以iconfont为例,从最基础的讲起,力求初学者也能看的懂。另外遇到了哪些坑,我们也来讲一讲。本文以iconfont为例,讲解了如何在openlayers中使用字体图标,并讲解了其中遇到的问题,以及对应的解决方案。原创 2022-10-18 16:31:53 · 1162 阅读 · 0 评论 -
openlayers标注面要素
前言:最近有个需求,要标注面要素,搜索关于openlayers标注的教程,都是关于点要素的,标注面要素的几乎没有,最后openlayers官网找到了例子,自己再根据例子进行实现,这里记录一下。 引用大牛的话:在Openlayers3里面,有两种对地理位置点进行标注的方法,一种是通过创建矢量图层然后设置其样式的方法,还有一种就是创建Overlay覆盖层的方法;对于第一种方式,...原创 2018-11-09 10:13:51 · 638 阅读 · 3 评论