随笔分类 -  openlayers

openlayers拖拽feature
摘要：openlayers拖拽feature 功能说明: 矢量图层，选择要素，拖拽feature到指定位置 应用: 地图选位置 要素编辑 查看文章 阅读全文
posted @ 2018-10-10 10:54 dqygiser 阅读(1373) 评论(0) 推荐(0)
openlayers加载bing地图
摘要：openlayers加载bing地图 注：需要bingmap网站提供的许可key，注册微软账号就有了，https://www.bingmapsportal.com/Application#查看文章 阅读全文
posted @ 2018-10-07 21:14 dqygiser 阅读(998) 评论(0) 推荐(0)
openlayers加载arcgis动态图层服务
摘要：openlayers加载arcgis动态图层服务 点击查看文章 阅读全文
posted @ 2018-09-26 15:16 dqygiser 阅读(2317) 评论(0) 推荐(0)
openlayers5之ol.proj坐标转换
摘要：openlayers5之ol.proj坐标转换 转换为指定的坐标系坐标 坐标系间坐标互相转换 转换Extent为指定坐标系 点击查看详情 阅读全文
posted @ 2018-09-25 18:05 dqygiser 阅读(943) 评论(0) 推荐(0)
openlayers之图标不失真font符号化
摘要：ont不论是写css还是。。。，把它用在openlayers3以后版本中，用以很方便的设置图标的大小、颜色，还不失真 阅读全文
posted @ 2018-09-21 09:10 dqygiser 阅读(928) 评论(0) 推荐(0)
openlayers4、5之卷帘地图SWIPE MAP
摘要：openlayers之卷帘地图SWIPE MAP 功能说明 **卷帘指，同一屏幕，左右或者上下同时看到两个图层，可以直观的进行对比。 通过滑块滑动控制显示比例** 原理 **地图渲染是绘制的canvas，卷帘实现原理是根据滑块值，设置地图显示比例，重新绘制canvas渲染地图范围** 详细教程及代码 阅读全文
posted @ 2018-09-18 11:07 dqygiser 阅读(704) 评论(0) 推荐(0)
openlayers之style符号化
摘要：openlayers之style符号化 原文：http://www.giserdqy.com/gis/opengis/ol4/105 阅读全文
posted @ 2018-06-17 17:27 dqygiser 阅读(239) 评论(0) 推荐(0)
openlayers3实现动态图标gif其他css支持的格式
摘要：openlayers3实现动态图标gif其他css支持的格式 阅读全文
posted @ 2018-06-05 09:28 dqygiser 阅读(341) 评论(0) 推荐(0)
openlayers加载图片图层png，jpeg等
摘要：http://www.giserdqy.com/gis/opengis/ol4/107 阅读全文
posted @ 2018-05-28 11:17 dqygiser 阅读(623) 评论(0) 推荐(0)
openlayers4实现拖动Feature效果
摘要：拖动矢量图层feature，获取拖动后feature官网拓展了interaction,增加了Drag的Interaction代码说明*handleDragEvent注册的这个事件里面是拖动后获取到的feature， handleDownEvent这是鼠标点击featu... 阅读全文
posted @ 2018-05-07 16:26 dqygiser 阅读(616) 评论(0) 推荐(0)
openlayers4加载百度地图、百度影像图、谷歌地图、谷歌影像图
摘要：// 自定义分辨率和瓦片坐标系 var resolutions = []; var maxZoom = 18; // 计算百度使用的分辨率 for (var i = 0; i <= maxZoom + 1; i++) { reso... 阅读全文
posted @ 2018-04-18 17:42 dqygiser 阅读(1155) 评论(0) 推荐(0)
openlayers通过overlay html5 css3设置图标闪烁效果
摘要：openlayers通过overlay html5 css3设置图标闪烁效果页面中添加div,最好在map容器中css文件中添加样式,一定要卸载css文件中,否则会报错#css_animation { height: 30px;//图标高 width: 3... 阅读全文
posted @ 2018-03-28 17:22 dqygiser 阅读(1550) 评论(0) 推荐(0)
openlayers4+geoserver wfs实现空间分析、属性查询
摘要：openlayers4，geoserver wfs实现空间分析、属性查询原理 工作区启用WFS 工作区下发布图层代码var featureRequest = new ol.format.WFS().writeGetFeature({ srsN... 阅读全文
posted @ 2018-03-09 17:28 dqygiser 阅读(1287) 评论(0) 推荐(0)
openlayers wms空间查询
摘要：//绑定鼠标移动事件，获取坐标点map.on('pointermove', function(evt) { if (evt.dragging) { return; } displayFeatureInfo(evt);});//查询 ... 阅读全文
posted @ 2017-12-18 18:04 dqygiser 阅读(543) 评论(0) 推荐(0)
openlayers加载geojson数据 *
摘要：获取GeoJSON数据，可以通过http请求获取，也可以自己定义json数据。 注意格式var geojsonObject = { 'type': 'FeatureCollection', 'crs': { 'type':... 阅读全文
posted @ 2017-10-30 16:10 dqygiser 阅读(2801) 评论(0) 推荐(0)
openlayers i查询功能(矢量图层、postgresql空间数据库)
摘要：i查询实质是，点击地图，根据当前鼠标点击位置，利用openlayers提供的接口在map或图层Source中过滤，或去空间数据库做距离、范围、相交查询获取feature1.map或者图层source中过滤查询 map绑定点击事件：map.o... 阅读全文
posted @ 2017-08-08 16:53 dqygiser 阅读(801) 评论(0) 推荐(0)
openlayers3 聚合分析专题图 cluster
摘要：在地图上查询结果通常以标记点的形式展现，但是如果标记点较多，不仅会大大增加客户端的渲染时间，让客户端变得很卡，而且会让人产生密集恐惧症，为了解决这一问题，我们需要一种手段能在用户有限的可视区域范围内，利用最小的区域展示出最全面的信息，而又不产生重叠覆盖。具体算法探讨... 阅读全文
posted @ 2017-07-26 23:10 dqygiser 阅读(2562) 评论(0) 推荐(0)
openlayers3 pointermove onmousemove 显示feature信息
摘要：由于过渡到openlayers3 4版本后，整体结构接口有些变化，导致很多原来用过的功能使用方式发生了改变。比如：鼠标移动到图层上，获取feature属性，弹出信息。 官网例子地址：vector-layer pointmove 根据例子实际项目应用：1.添加需要查... 阅读全文
posted @ 2017-07-26 17:43 dqygiser 阅读(2850) 评论(0) 推荐(0)