openlayers
gisdoer
有关于webgis相关问题可以留言,互相学习。个人博客:https://www.giserdqy.com
展开
-
openlayers之GPS实时监控
openlayers之GPS实时监控效果如图 openlayers之GPS实时监控 openlayersgps实时监控项目说明openlayers实现gps数据实时监控,原生js,里面有演示数据,按照格式修改。代码直接嵌入项目中立刻能够应用。技术openlayer...原创 2020-02-20 23:45:10 · 969 阅读 · 0 评论 -
openlayers之轨迹回放
#openlayers之轨迹回放openlayers实现gps轨迹回放,绑定对应数据格式可以直接嵌入项目中;效果如下视频 openlayers之GPS实时监控 轨迹回放#项目说明openlayers实现gps数据轨迹回放,原生js,里面有演示数据,按照格式修改。代码直...原创 2020-02-20 23:35:48 · 2060 阅读 · 10 评论 -
openlayers5之view缩放定位
openlayers5之view缩放定位控制当前地图窗口缩放到指定位置和级别设置缩放级别和中心点缩放到extent,geometryanimate动画的方式缩放 点击查看文章原创 2018-08-21 10:03:25 · 1925 阅读 · 0 评论 -
openlayers4、5之卷帘地图SWIPE MAP
openlayers之卷帘地图SWIPE MAP功能说明**卷帘指,统一屏幕,左右或者上下同时看到两个图层,可以直观的进行对比。通过滑块滑动控制显示比例**原理**地图渲染是绘制的canvas,卷帘实现原理是根据滑块值,设置地图显示比例,重新绘制canvas渲染地图范围**详细教程及代码下载请访问[查看](http://www.giserdqy.com/gis/opengis/ol4...原创 2018-09-18 10:58:58 · 1216 阅读 · 0 评论 -
openlayers5之ol.proj坐标转换
openlayers5之ol.proj坐标转换转换为指定的坐标系坐标坐标系间坐标互相转换转换Extent为指定坐标系点击查看详情原创 2018-09-25 18:00:56 · 4386 阅读 · 0 评论 -
openlayers加载动态ArcGIS服务
openlayers加载动态ArcGIS服务点击查看文章原创 2018-09-26 15:14:32 · 3489 阅读 · 0 评论 -
openlayers之图标不失真font符号化
openlayers之图标不失真font符号化概述font不论是写css还是。。。,把它用在openlayers3以后版本中,用以很方便的设置图标的大小、颜色,还不失真。点击查看实现方式GIS开发者——openlayers之图标不失真font符号化...原创 2018-09-21 09:08:09 · 876 阅读 · 0 评论 -
openlayers之绘制矩形星星拉框放大自定义图形
简介:openlayers绘制矩形、星星、拉框绘制,以及自定义图形。实际是对ol.interaction.Draw的扩展,geometryFunction属性。查看详细教程原创 2018-10-13 10:50:55 · 1717 阅读 · 0 评论 -
openlayers加载bing地图
openlayers加载bing地图注:需要bingmap网站提供的许可key,注册微软账号就有了,https://www.bingmapsportal.com/Application#查看文章原创 2018-10-07 21:12:17 · 1789 阅读 · 0 评论 -
openlayers拖拽feature
openlayers拖拽feature功能说明:矢量图层,选择要素,拖拽feature到指定位置应用:地图选位置要素编辑查看文章原创 2018-10-10 10:53:35 · 1219 阅读 · 0 评论 -
openlayers控制地图显示范围
openlayers控制地图显示范围简介:为了突出地图关注区域,有时会禁止其他范围地图显示,针对这种需求,openlayers提供了图层的extent属性查看链接原创 2018-10-17 14:12:24 · 10225 阅读 · 0 评论 -
GIS开发教程geoserver,openlayers,postgresql,postgis,leaflet,ogc,webgis,arcgis api for js,arcengine,arcmap
GIS GIS开发者,包括开源gis:geoserver,openlayers,postgresql,postgis,leaflet,ogc,webgis教程arcgis二次开发:arcgis api for js,arcengine二次开发,arcmap数据处理教程;GIS人工智能,GIS大数据,GIS+BIM,GIS前沿发展趋势...原创 2018-10-28 21:29:51 · 745 阅读 · 1 评论 -
openlayers加载切片错位解决方案
功能说明openlayers加载切片服务时会遇到,地图加载成功,但是图片是错位状态。如下图解决方案openlayers加载切片错位原创 2019-03-05 15:51:59 · 1445 阅读 · 0 评论 -
openlayers+vue功能组件封装
openlayers+vue功能组件封装openlayers, vue, 精选文章giser giser功能说明加载基本地图地图浏览全图、放大、缩小测量工具,测距,测面图层管理,图层层级切换,透明度设置openlayers+vue功能组件封装...原创 2019-05-30 22:38:53 · 4966 阅读 · 5 评论 -
openlayers5之聚合分析图层Cluster
openlayers5之聚合分析图层Cluster var map, view, clusterL; var styleCache = {};//保存样式 $(function () { clusterL = new ol.layer.Vector({ source: new ol.sou...原创 2018-08-18 09:24:07 · 2974 阅读 · 0 评论 -
openlayers4.6.5官方api、实例、开发包
openlayers4.6.5官方api、实例、开发包openlayers更新到了5.0以上版本,github下载速度慢,时常错误,直接点击下载即可。点击下载原创 2018-08-06 14:50:07 · 2853 阅读 · 1 评论 -
openlayers4+geoserver wfs实现空间分析、属性查询
openlayers4,geoserver wfs实现空间分析、属性查询原理 工作区启用WFS 工作区下发布图层代码var featureRequest = new ol.format.WFS().writeGetFeature({ srsName: 'EPSG:4326',//坐标系统 featureNS: 'zj...原创 2018-03-09 17:27:49 · 6894 阅读 · 3 评论 -
openlayers wms空间查询
openlayers wms空间查询http://www.giserdqy.com/gis/opengis/ol4/118原创 2017-12-18 18:04:27 · 2479 阅读 · 0 评论 -
openlayers加载geojson数据 *
获取GeoJSON数据,可以通过http请求获取,也可以自己定义json数据。 注意格式var geojsonObject = { 'type': 'FeatureCollection', 'crs': { 'type': 'name', 'properties': { 'name':...原创 2017-10-30 16:10:14 · 8543 阅读 · 0 评论 -
openlayers i查询功能(矢量图层、postgresql空间数据库)
openlayers i查询功能(矢量图层、postgresql空间数据库)http://www.giserdqy.com/gis/opengis/ol4/120原创 2017-08-08 16:53:11 · 1931 阅读 · 0 评论 -
openlayers3 聚合分析专题图 cluster
openlayers3 聚合分析专题图 clusterhttp://www.giserdqy.com/gis/opengis/ol4/121原创 2017-07-26 23:09:59 · 3453 阅读 · 1 评论 -
openlayers3 pointermove onmousemove 显示feature信息
openlayers3 pointermove onmousemove 显示feature信息http://www.giserdqy.com/gis/opengis/ol4/122原创 2017-07-26 17:42:50 · 7099 阅读 · 5 评论 -
openlayers4加载百度地图、百度影像图、谷歌地图、谷歌影像图
// 自定义分辨率和瓦片坐标系 var resolutions = []; var maxZoom = 18; // 计算百度使用的分辨率 for (var i = 0; i <= maxZoom + 1; i++) { resolutions[i] = Math.pow(2, maxZoom - i); } var tileg...原创 2018-04-18 17:42:28 · 5048 阅读 · 0 评论 -
openlayers4实现拖动Feature效果
拖动矢量图层feature,获取拖动后feature官网拓展了interaction,增加了Drag的Interaction代码说明*handleDragEvent注册的这个事件里面是拖动后获取到的feature, handleDownEvent这是鼠标点击feature时的事件,可以进行对拖拽的图形进行限制*/** * Define a namespace for the...原创 2018-05-07 16:26:13 · 2501 阅读 · 0 评论 -
openlayers加载图片图层png,jpeg等
1.官方实例 tiff测试太大加载不进来,可以转换为其他图片格式 // Map views always need a projection. Here we just want to map image // coordinates directly to map coordinates, so we create a projection that uses /...原创 2018-05-28 11:17:18 · 6340 阅读 · 0 评论 -
openlayers加载动态gif及css样式
原文:https://stackoverflow.com/questions/43277959/can-openlayers-3-render-the-animated-marker-using-gif 1.添加html元素<div id="marker" title="Marker" style="height:40px;width:27px;"&gt原创 2018-06-05 09:28:04 · 4554 阅读 · 0 评论 -
openlayers之style符号化
openlayers之style符号化分为点、线、面 https://openlayers.org/en/latest/apidoc/ol.style.html[官网api地址]var style=new ol.style.Style({ image:new ol.style.Icon({//点符号,可以为图片 支持jpg、png不支持gif(亲测) src:''...原创 2018-06-17 17:27:12 · 1806 阅读 · 0 评论 -
openlayers+geoserver+wms实现空间查询,属性查询
openlayers+geoserver+wfs实现空间查询,属性查询查询方法点击查看原文原创 2018-08-09 09:02:34 · 6898 阅读 · 0 评论 -
openlayers+geoserver ImageWMS过滤动态刷新图层
openlayers+geoserver ImageWMS过滤动态刷新图层点击查看原文原创 2018-08-09 09:03:58 · 2125 阅读 · 0 评论 -
openlayers通过overlay html5 css3设置图标闪烁效果
openlayers通过overlay html5 css3设置图标闪烁效果页面中添加div,最好在map容器中<div id="css_animation"></div>css文件中添加样式,一定要卸载css文件中,否则会报错#css_animation { height: 30px;//图标高 width: 30px;//图标高 ...原创 2018-03-28 17:22:18 · 3251 阅读 · 0 评论