openlayers4

巧用Openlayers4的Style

概述非常细化Openlayers4中的StyleFunction，因为它可以让我非常方便的实现各种效果，本文带你一起一探究竟。
lzugis·2020-04-09 10:53

Openlayers4中地图的导出

概述：本文讲述Openlayers4中地图的导出，包括调用天地图切片跨域、Geoserver11WMS跨域等。
lzugis·2020-03-20 00:23

Openlayers4中风场的实现

概述：本文讲述如何在Openlayers4中结合canvas实现风场的展示。效果：代码：1、数据结构[lat,lon,wd,ws]，其中：lat为纬度；lon为经度；wd为风向；ws为风速。
lzugis·2020-03-03 06:41

openlayers4中闪烁点的实现

概述：本文讲述如何在Openlayers4中实现闪烁点。
lzugis·2020-02-26 14:01

openlayers4 入门开发系列之小区信号扇形图篇

前言openlayers4官网的api文档介绍地址openlayers4api，里面详细的介绍openlayers4各个类的介绍，还有就是在线例子：openlayers4官网在线例子，这个也是学习openlayers4
gis之家·2020-01-07 22:13

openlayers4 入门开发系列之聚合图篇（附源码下载）

前言openlayers4官网的api文档介绍地址openlayers4api，里面详细的介绍openlayers4各个类的介绍，还有就是在线例子：openlayers4官网在线例子，这个也是学习openlayers4
gis之家·2020-01-02 05:24

openlayers4 入门开发系列之台风轨迹篇

前言openlayers4官网的api文档介绍地址openlayers4api，里面详细的介绍openlayers4各个类的介绍，还有就是在线例子：openlayers4官网在线例子，这个也是学习openlayers4
gis之家·2019-12-26 17:31

openlayers4中用font设置图标样式

，这不，牛老师想把它用在openlayers4中，用以很方便的设置图标的大小、颜色，还不失真，东拼西凑，终于算是完成了。效果font样式换个大小？改变大小换个颜色？
lzugis·2019-12-24 05:20

openlayers4 入门开发系列之风场图篇

前言openlayers4官网的api文档介绍地址openlayers4api，里面详细的介绍openlayers4各个类的介绍，还有就是在线例子：openlayers4官网在线例子，这个也是学习openlayers4
gis之家·2019-12-24 03:45

openlayers4 入门开发系列之船讯篇

前言openlayers4官网的api文档介绍地址openlayers4api，里面详细的介绍openlayers4各个类的介绍，还有就是在线例子：openlayers4官网在线例子，这个也是学习openlayers4
gis之家·2019-12-13 22:41

openlayers6结合geoserver实现地图空间查询(附源码下载)

前言之前写过一篇openlayers4版本的地图空间查询文章，但是由于是封装一层js代码写的，很多初学者看起来比较有点吃力，所以本篇文章重新写一篇地图空间查询文章，直接基于最新版本openlayers6
GIS之家·2019-12-13 20:00

openlayers6结合geoserver实现地图空间查询(附源码下载)

前言之前写过一篇openlayers4版本的地图空间查询文章，但是由于是封装一层js代码写的，很多初学者看起来比较有点吃力，所以本篇文章重新写一篇地图空间查询文章，直接基于最新版本openlayers6
GIS之家·2019-12-13 20:00

openlayers4 入门开发系列之批量叠加 zip 压缩 SHP 图层篇（附源码下载）

前言openlayers4官网的api文档介绍地址openlayers4api，里面详细的介绍openlayers4各个类的介绍，还有就是在线例子：openlayers4官网在线例子，这个也是学习openlayers4
gis之家·2019-12-07 23:50

openlayers5中用iconfont作为图标

概述前面有文章openlayers4中用font设置图标样式就iconfont在ol5中的使用做了一个尝试，后面有很多童鞋问我说实现不了，一直没有时间去做一个详细的测试，最近在做了诸多测试后，觉得这种方式比较靠谱
lzugis·2019-12-06 10:14

Openlayers4中图片填充的实现

概述本文讲述如何在Openlayers实现面状要素的图片填充。实现后面要素的图片填充实现代码varbounds=[73.4510046356223,18.1632471876417,134.976797646506,53.5319431522236];varprojection=newol.proj.Projection({code:'EPSG:4326',units:'degrees'});$.
lzugis·2019-11-30 06:18

openlayers6结合geoserver实现地图属性查询(附源码下载)

前言之前写过一篇openlayers4版本的地图属性查询文章，但是由于是封装一层js代码写的，很多初学者看起来比较有点吃力，所以本篇文章重新写一篇地图属性查询文章，直接基于最新版本openlayers6
GIS之家·2019-11-27 10:00

Supermap/Cesium 开发心得----动态散点图（波纹点/涟漪点）

在二维开发中,openlayers4入门开发系列结合echarts4实现散点图，下图是GIS之家的效果图，那么在三维中，则可借助Entity来变相构造下图的效果。
昜木辰deブログ·2019-11-13 14:00

openlayers4 入门开发系列结合 echarts4 实现交通线流动图

前言openlayers4官网的api文档介绍地址openlayers4api，里面详细的介绍openlayers4各个类的介绍，还有就是在线例子：openlayers4官网在线例子，这个也是学习openlayers4
GIS之家·2019-09-08 21:00

openlayers4 入门开发系列结合 echarts4 实现交通线流动图

openlayers4入门开发系列结合echarts4实现交通线流动图前言openlayers4官网的api文档介绍地址openlayers4api，里面详细的介绍openlayers4各个类的介绍，还有就是在线例子
GIS之家·2019-09-08 21:00

openlayers4 入门开发系列结合 echarts4 实现统计图(附源码下载)

前言openlayers4官网的api文档介绍地址openlayers4api，里面详细的介绍openlayers4各个类的介绍，还有就是在线例子：openlayers4官网在线例子，这个也是学习openlayers4
GIS之家·2019-08-26 20:00

openlayers4 入门开发系列结合 echarts4 实现散点图（附源码下载）

前言openlayers4官网的api文档介绍地址openlayers4api，里面详细的介绍openlayers4各个类的介绍，还有就是在线例子：openlayers4官网在线例子，这个也是学习openlayers4
GIS之家·2019-08-09 11:00

openlayers4 入门开发系列之前端动态渲染克里金插值 kriging 篇（附源码下载）

前言openlayers4官网的api文档介绍地址openlayers4api，里面详细的介绍openlayers4各个类的介绍，还有就是在线例子：openlayers4官网在线例子，这个也是学习openlayers4
GIS之家·2019-05-12 12:00

openlayers4 入门开发系列之图层控制（附源码下载）

前言openlayers4官网的api文档介绍地址openlayers4api，里面详细的介绍openlayers4各个类的介绍，还有就是在线例子：openlayers4官网在线例子，这个也是学习openlayers4
gis之家·2019-04-06 14:15

openlayers4 入门开发系列之地图展示篇（附源码下载）

前言openlayers4官网的api文档介绍地址openlayers4api，里面详细的介绍openlayers4各个类的介绍，还有就是在线例子：openlayers4官网在线例子，这个也是学习openlayers4
gis之家·2019-04-03 22:57

openlayers4 lineString无法绘制折线，为直线

如果你也遇到了这个问题，试着把坐标转成number类型，还是要按照文档来啊letcenter=item.center;if(this.mapModel.track.getGeometry()){this.mapModel.track.getGeometry().appendCoordinate(center);}else{letpolyline=newPolyline();this.mapMode
DavidWed·2019-04-03 13:18

Openlayers4中图片填充的实现

概述本文讲述如何在Openlayers实现面状要素的图片填充。实现后实现代码varbounds=[73.4510046356223,18.1632471876417,134.976797646506,53.5319431522236];varprojection=newol.proj.Projection({code:'EPSG:4326',units:'degrees'});$.get("dat
LZU-GIS·2018-10-11 20:10

Openlayers4动态绘制地图分幅网络

在Openlayers地图上根据地图分幅规则，绘制分幅网格，需要注意的有几点：1确认什么比例尺时展示什么1:100万、1:50万...比例尺的分幅2根据地图当前视窗位置，动态绘制注记和网络，因为全部绘制的话，网格和注意太多，严重影像运行速度3绘制经线和纬线，不绘制网格，网格严重内存更多代码如下：addSheetNumber(number){getLayerByName(this.$map2d,"d
GIS开发者·2018-07-05 09:12

Openlayers4设置鼠标经过要素样式

因为实际需要，要在地图上设置鼠标经过一个矢量要素的时候，变换样式。使用Openlayers还是很容易实现的，代码如下：map.on('pointermove',function(e){varpixel=map.getEventPixel(e.originalEvent);varfeature=map.forEachFeatureAtPixel(pixel,function(feature){ret
gisuuser·2018-07-05 09:42

Openlayers4加载天地图

文章首发于GISGO|GIS|地理信息科学-GIS研究中心：http://www.gisgo.top/相较于ArcGISAPI而言，Openlayers添加天地图和其他第三方的地图服务简单多了。通过ol.layer.Tile调用切片地图服务，因为天地图服务遵循TMS标准，所以在source属性中使用ol.source.XYZ类，服务地址可以在天地图中查看到。html,body,#map{width
GIS-XX·2018-06-22 13:56

巧用Openlayers4的Style

概述非常细化Openlayers4中的StyleFunction，因为它可以让我非常方便的实现各种效果，本文带你一起一探究竟。
LZU-GIS·2018-04-30 14:29

OpenLayers4自定义控件-模拟视频网站开关灯的效果

用OpenLayers4自定义控件模拟实现。先放简易效果图。黑屏的效果直接采用简易的蒙版效果模拟。
fengyekafei·2018-04-28 10:35

openlayers4加载百度地图、百度影像图、谷歌地图、谷歌影像图

//自定义分辨率和瓦片坐标系varresolutions=[];varmaxZoom=18;//计算百度使用的分辨率for(vari=0;i<=maxZoom+1;i++){resolutions[i]=Math.pow(2,maxZoom-i);}vartilegrid=newol.tilegrid.TileGrid({origin:[0,0],//设置原点坐标resolutions:resol
aodao8891·2018-04-18 17:00

Openlayers4中的全屏

概述Openlayers4中，ol.control.FullScreen()可实现地图的全屏展示，可是当地图的初始化宽度和高度都不是100%的时候，全屏的时候只会宽度的100%，高度还是原来地图的高度。
LZU-GIS·2018-04-09 13:56

openlayers4+geoserver wfs实现空间分析、属性查询

openlayers4，geoserverwfs实现空间分析、属性查询原理工作区启用WFS工作区下发布图层代码varfeatureRequest=newol.format.WFS().writeGetFeature
aodao8891·2018-03-09 17:00

基于openlayers4实现点的扩散效果

本文实例为大家分享了openlayers4实现点的扩散效果，供大家参考，具体内容如下Title.css_animation{height:100px;width:100px;border-radius:
��溟·2018-01-22 16:06

openlayers4结合高德地图API实现路径规划

概述本文讲述如何结合高德地图API实现路径导航以及在Openlayers4中的展示。
LZU-GIS·2017-12-30 12:35

Openlayers4+servlet实现切片的本地缓存

概述本文实现的是结合Openlayers4和javaservlet实现公网资源切片的本地缓存。
LZU-GIS·2017-10-16 18:37

Openlayers4中实现动态线效果

概述：本文讲述如何结合canvas在Openlayers4中实现动态线的效果。
LZU-GIS·2017-10-01 20:02

openlayers4中闪烁点的实现

概述：本文讲述如何在Openlayers4中实现闪烁点。
LZU-GIS·2017-09-29 20:56

Openlayers4中风场的实现

概述：本文讲述如何在Openlayers4中结合canvas实现风场的展示。效果：代码：1、数据结构[lat,lon,wd,ws]，其中：lat为纬度；lon为经度；wd为风向；ws为风速。
LZU-GIS·2017-09-29 08:20
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他