
openlayer开发
YH20090580118
这个作者很懒,什么都没留下…
展开
-
基于openlayer4的地图卷帘效果
1.原理说明基于openlayer4实现地图卷帘效果,说白了,就是创建两个地图容器,通过控制最上面的dom的样式中的rect(裁剪)来实现。2.代码说明<!DOCTYPE html><html><head> <title>地图卷帘效果</title> <link rel="stylesheet" ..原创 2018-03-23 13:38:40 · 2149 阅读 · 0 评论 -
基于openlayer4实现地图联动效果
1.原理说明基于openlayer4实现地图联动效果,就是创建多个地图容器,共用一个视图对象(ps:地图的视图关联着地图的extent事件,共用一个视图也就意味着所有地图容器同步一个事件,省去自己手动关联地图extent事件)。2.代码说明&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt原创 2018-03-23 13:44:48 · 2263 阅读 · 2 评论 -
基于openlayer4实现多个popu展示
最近一个项目需要基于openlayer4实现类似于popu方式展现渔场具体信息。翻看官网有点击弹出demo,基于此逻辑编写动态生成overlay图层及其所需要的dom节点。 在编写改demo时,遇到一个特别问题:地图加载osm底图,坐标点使用的是随机三个坐标点,popu始终表现为一个,最终通过设置view的投影,效果正常。源码<!DOCTYPE html>&...原创 2018-04-02 11:28:51 · 1318 阅读 · 0 评论 -
geoserver 发布polygon服务去除重复显示文字
效果图对比关键代码<sld:Geometry> <ogc:Function name="centroid"> <ogc:PropertyName>geom</ogc:PropertyName> </ogc:Function></sld:Geometry>代码标识..原创 2018-04-04 17:05:07 · 1989 阅读 · 0 评论 -
openlayer4 调用 geoserver的 tms 服务
基于openlayer4 调用 geoserver 发布的服务,主要使用的是wms服务。最近因为一个项目发布地形数据服务,领导嫌弃sld渲染结果不细腻,要求达到global mapper渲染效果,折腾了两天终于搞定,记录下来作为后期参考。global mapper 导出带渲染色的tif数据用global mapper打开制作好的dsm的tif数据,然后点击file->expo...原创 2018-04-28 15:43:12 · 3149 阅读 · 0 评论 -
GIS之矢量切片地图
最近通过TileMill结合OSM下载的矢量数据制作北京市地图,不同主题风格的地图已经完美告一段落,总结之余,觉得矢量切片会是一个更好方案,结合网上有效方法实践如下:主要参考的博客文:http://www.cnblogs.com/ATtuing/p/9217029.html如果本身熟悉TileMill 的CartoCSS 样式编写,基于mapbox.js开发定义样式时,只需要关注mapbo...原创 2018-07-05 14:47:07 · 1602 阅读 · 0 评论