随笔分类 -  OpenLayers

Openlayers 3过滤加载geojson数据/逐条加载数据，并赋予属性
摘要：近日有需求在openlayers 3中加载geojson数据，只加载指定属性值得部分。 解决方法： （1）ajax请求geojson数据 （2）逐条判断属性值，满足条件的创建geometry （3）满足条件的创建feature并赋予属性 （4）将所有满足条件的features加入vector Lay 阅读全文
posted @ 2017-10-19 10:23 marost 阅读(3442) 评论(0) 推荐(0)
OpenLayers 3根据属性选择并高亮feature
摘要：OpenLayers 3 版本：OpenLayers v4.3.2 想通过属性查询feature，但是在ol3中并没有发现类似ol2中的getFeatureByAttribute().... 自己写函数实现，实现方法如下： 获得feature的中心点坐标：【偶然发现ol3有方法获得中心点坐标：ol. 阅读全文
posted @ 2017-09-05 11:58 marost 阅读(14656) 评论(0) 推荐(0)
openlayers 3读取加载geojson格式数据
摘要：直接上代码： var vector = new ol.layer.Vector({ source: new ol.source.Vector({ url: './data/geojson/countries.geojson', format: new ol.format.GeoJSON() }) });　... 阅读全文
posted @ 2017-08-13 10:00 marost 阅读(1429) 评论(0) 推荐(0)
openlayers 3加载百度、高德、google瓦片地图
摘要：1、加载高德地图 2、google地图 3、百度地图 4、map中调用 【增加】调用百度的蓝黑色背景地图 阅读全文
posted @ 2017-08-13 09:50 marost 阅读(2894) 评论(0) 推荐(0)
ol2 和 bootstrap样式冲突的问题
摘要：ol2 的popup在导入bootstrap样式后出现了变形，解决方法： 给popup设置背景透明属性，代码：popup.isAlphaImage = true; 完美解决！ 阅读全文
posted @ 2017-08-10 15:11 marost 阅读(154) 评论(0) 推荐(0)
Openlayers 2 取消鼠标缩放地图的功能
摘要：需要实现的功能： 取消鼠标缩放地图，即滚动鼠标的滚轮地图没有响应事件，只能用鼠标平移地图 版本：OpenLayers 2.13.1 测试代码直接用官方例子http://dev.openlayers.org/releases/OpenLayers-2.13.1/examples/osm.html 直接 阅读全文
posted @ 2017-05-24 17:32 marost 阅读(931) 评论(0) 推荐(0)
ol3修改右下键的Attribution
摘要：如下图，想把logo和版权声明等修改成自己的 版权声明部分是在加载数据源时修改，直接上代码 增加logo的代码： 最终效果图： 阅读全文
posted @ 2017-03-18 10:18 marost 阅读(422) 评论(0) 推荐(0)
openlayers 2 高亮显示元素以及通过属性查询高亮某一元素
摘要：本文参考官网例子，略作修改，直接上代码： 1、实现hover和click高亮显示 2、实现属性查询高亮某一元素，此处简单的通过button的click事件测试，代码如下： 备注：使用hightlight和unhighlight是一样的效果 3、通过属性查询获得features 将得到的feature 阅读全文
posted @ 2017-03-15 12:32 marost 阅读(3459) 评论(0) 推荐(0)
openlayers 2 根据属性选择feature
摘要：var features=jiance_layer.getFeaturesByAttribute("name",name); if(features.length == 1){ var feature=features[0]; selectControl.select(feature); map.setCenter(feature.geometry.getBounds... 阅读全文
posted @ 2017-03-09 20:54 marost 阅读(792) 评论(0) 推荐(0)
OpenLayers添加点【php请求MySQL数据库返回GeoJSON数据】
摘要：php请求MySQL数据库返回GeoJSON数据的实现方法请参见： http://www.cnblogs.com/marost/p/6234514.html OpenLayers【v3.19.1-dist】添加GeoJSON数据源图层 阅读全文
posted @ 2016-12-30 00:08 marost 阅读(756) 评论(0) 推荐(0)
OpenLayers学习记录（1）
摘要：1、部署自己的服务器首先下载openlayers的源码。解压后里面有很多内容。我们只需要拷贝目录下的OpenLayer.js、根目录下的lib目录、根目录下的img目录 theme目录 到你网站的olapi目录下。当然你也可以是使用OpenLayers中文官方站的api http://www.ope... 阅读全文
posted @ 2014-01-16 14:55 marost 阅读(467) 评论(0) 推荐(0)