随笔分类 - OpenLayer
摘要:在这里mapV是一款数据可视化的软件,数据的展示的效果灰常炫酷,但是问题来了,mapV是百度出的,是基于百度地图api做的,百度地图api是不开源的,说到是不是感觉很绝望,如果想做到mapV和OpenLayer结合,我们可以超图的一款api基于openlayer开发的api,刚好该api也结合map
        阅读全文
                
摘要:前言:昨天申请了一个高德地图的key值,本来想用来用python爬取高德地图的交通态势信息存储到Excel表格中,但是感觉还不如直接利用高德api和OL4结合一下直接展示到地图上看看效果如何,感觉效果并不好,差别很大 ,感觉有用的不是道路的经纬度坐标集合,而是对道路畅通的状态,以及描述。 先看两张图
        阅读全文
                
摘要:在数据可视化上,用Ecahrts挺好的,今天做一个两者结合的简单demo做到专题地图的结果,下面直接看过程。 先看看图: 一、js和css设置 二、容器布局 三、两者如何结合? 使用overlay覆盖物结合加载到地图上 代码示例: 四、完整demo 五、总结 还没解决一个问题就是缩放改变大小的效果,
        阅读全文
                
摘要:更新:这篇文章的坐标转换还是有点问题,我在另一篇文章介绍了怎么进行坐标转换传送门 百度地图API给我们提供了许多的接口,还有文档,我们可以将百度地图的数据获取到(本篇直接利用api获取边界),另做他用,当然我们在获取边界的经纬度的时候会发现这个即使我们已经做到了坐标系的转换,但是误差还是有的,如果不
        阅读全文
                
摘要:一、用途:卷帘效果在多个图层叠加的时候会用到。但是还想两个图层相互切换或者两个图层在一块,这个时候就用到卷帘效果,我们可以把这个卷帘做成一个label可以来回拖动,这样既可以达到控制效果,也很美观。 先来张效果图: 二、全部源码 三、总结 这个卷帘效果的实现主要是通过渲染事件获得context进行裁
        阅读全文
                
摘要:最近来实习的地方,然后具体是好是坏也不知道,和自己想象的不一样,不知道是去是留,关于GIS开发的问题感觉不再是多大难度的问题,自己也也可以快速对api适应。平时遇到一些OL3的琐碎知识点进行整理。 一、关于加载天地图的函数封装 代码封装: 调用示例: 参数说明: 二、关于GeoJson数据的读取 代
        阅读全文
                
摘要:关于加载svg 的代码,网上是少之又少,牛老师博客倒是有,但是只是核心代码,并没有给出完整的demo,而且核心代码中有个问题对于这个ol渲染不太理解的话的话应该做不出来效果,就是关于坐标转屏幕坐标的问题,必须需要地图渲染完成之后才能拿到否则没法转换,得出转换为空的结果。 放个图: 一、原理 通过静态
        阅读全文
                
摘要:无论动态点的实现还是动态线的实现大多依靠canvas去是是实现的,其实我们一直在独立的canvas 的做,OL3中vectorContext子类主要为渲染矢量元素,如果下点共运用map的postcompose事件就可以做许多的动态效果,例如下面这一段ol3给出代码示例: 这主要实现动态数据的展示,有
        阅读全文
                
摘要:StyleFunction函数能够让我们做一些复杂逻辑的渲染,Feature和图层都会用到StyleFunction,但事实上Feature要素用到的是ol.FeatureStyleFunction,函数仅带有一个参数resolution,而图层StyleFunction,含有两个参数,featur
        阅读全文
                
摘要:今天在绘制平谷区域用给定的坐标,绘制图形的,怎么调试都不知道,最后才发现是参数传错了,没仔细看api文档,真的很恶心啊。废话不多说看代码: 先放张图: 一、坐标的转换 注意ol.proj.fromLonLat后面如果不填要转换的坐标系,默认为3857 二、全部源代码 三、总结 代码简单。但是如果写错
        阅读全文
                
摘要:ol2支持要素图层加载的时候进行各种渲染,例如唯一值、分级等,但是到OpenLayer3则不能进行这些操作,不知道为何。今天看官方文档的时候发现Feature类一个方法→get()方法可以获取指定属性的值,需要给该方法传进去一个字符串属性,看到这我眼前一亮,这不就是各种渲染主要的方法,废话不多说进入
        阅读全文
                
摘要:今天在仿写天地图的工具的时候的看见多时时相工具,说白了也就是两个地图设置相同的View这在Openlayer中很好的实现,只要声明两个map的容器,使用相同的视图即可先看看,天地图的效果: 一、全部源码 由于太简单了就不分析了就是加载个地图和卫星图,使用相同的视图即可 二、仿的图 三、总结 缺点就是
        阅读全文
                
摘要:今天上午本来打算学习ol3的专题地图制作,查阅很多资料发现ol3并不支持专题制图制作,反观ol2却支持,专题地图用处很大,不知道为啥,ol3不支持了,看了一上午开放性数据,在这里聊聊我的看法。 一、主流开放数据格式 KML是一中文件格式 GML是一种地理标记语言 GPX是一种XML格式 GeoJSO
        阅读全文
                
摘要:前一段时间一直被一个问题所困扰,作为GIS开发我们的核心竞争力在哪,如果只是搞一些api可替代性太大了,毫不技术可言,问了好多人无果,说法各持一方,最近也感觉理论知识,用处真的很大,WebGIS并不只是做出来一些效果就证明你技术很厉害,需要理论的内涵支撑,废话不多说,开车开车。 一、关于转换成tif
        阅读全文
                
摘要:更新于2019-03-06(下面的这种配置方式仅针对jetty-servlets-9.2.13.v20150730.jar这个版本,geoserver2.15、2.14、2.13版本都可以使用这个) 关于使用Geoserver上传wfs数据,百度有许多教程在这里不在陈述, 一、什么是跨域 浏览器从一
        阅读全文
                
摘要:首先感觉我做的这个Demo是真的烂,查资料都没有多少,自己摸索着做出来,虽然比较烂,但是毕竟是一种思路 一、聚合图层的组成 1、Vector的source,这里面主要放feature,这个source不是直接加载到Vector图层中的source 2、声明ol.source.Cluster 注意这里
        阅读全文
                
摘要:有时候找到真正想要的真的很难,凡事岂能两全,唉,你又能如何确定那个选择才是对的。开车开车,今天写的是将绘制几何图形和修改几何图形综合的一块。主要用到的是ol.interaction.Draw、ol.interaction.Select、ol.interaction.Modify三个交互。 一、绘图函
        阅读全文
                
摘要:人生最迷茫的不过于此,一堆选择放在你面前,你却不知道到底选择那个是最合适的,这点很尴尬,始终要戒备自己会不会被坑,唉好痛苦,最痛苦的莫过于此,挣扎,挣扎 一、概念 该交互仅针对于矢量服务,矢量服务,矢量服务,主要用于feature选中(点击、鼠标悬浮等),做出相应的操作,例如高亮显示什么的,改变渲染
        阅读全文
                
摘要:一、OGC简介 OGC是一个开源GIS公益行业协会,致力于促进采用新的技术和商业方式来提高地理信息的互操作性,OGC也推出了支持OGC规范的WebGIS产品。WebGIS 遵循OGC的规范已经成为地理信息系统的发展趋势。OGC在WebGIS 地理服务上,定义了抽象接口,其他类去继承该接口(在这里解释
        阅读全文
                
摘要:一、自定义控件是在继承基类空间基础上实现的,控件不是我写的(毕竟技术有限)最近也在一直在研究源码进行模仿想写出自己的功能更为强大的控件。 二、控件源码 1、css样式设置 2、JS源码 三、使用控件 1、js控件引入 2、声明控件 其中的参数sphereradius 是用来支持geodesic测量设
        阅读全文
                
                    
                
浙公网安备 33010602011771号