openlayers6

Openlayers6 Examples学习笔记（6）

文章目录InteractionOptions（互动选项）LimitedLayerExtent（限制图层范围）LayerSpy（地图探查）LayerSwipe（卷帘地图）LayerZoomLimits（图层缩放限制）LocalizedOpenStreetMap（本地化的OSM）LayerZ-Index（图层的Z-Index）LineStringArrows（绘制带有箭头的线）Mapbox-glLay
何去何从2857·2020-08-15 18:41

Openlayers6 Examples学习笔记（3）

文章目录EPSG:4326GeographicEditing（地理要素编辑）CustomInteractionsEarthquakeClustersEPSG:4326创建单位为度的比例尺将视图的坐标系统设置为EPSG:4326（默认是EPSG:3857——Web墨卡托投影）import'ol/ol.css';importMapfrom'ol/Map';importViewfrom'ol/View'
何去何从2857·2020-08-15 18:41

Openlayers6 Examples学习笔记（2）

文章目录TiledArcGISMapServerCanvasTiles（地图网格）DrawandModifyFeaturesDynamicDataEarthquakeswithcustomsymbolsDrawShapes（绘制不同形状的几何图形）TiledArcGISMapServer笔记：加载ArcGISServer发布的瓦片服务import'ol/ol.css';importMapfrom'
何去何从2857·2020-08-15 18:40

Openlayers6 Examples学习笔记（1）

文章目录BingMapsImageArcGISMapServerAttributionsClusteredFeaturesSmoothinglinesusingChaikinsalgorithmDrag-and-DropImageVectorBingMaps笔记：通过Map实例的layers属性，一次性加载多个图层，默认设为visible为false通过TileLayer实例的setVisible
何去何从2857·2020-08-15 18:40

openLayers6系列理论基础——Map篇

openLayers6系列理论基础——Map篇最近开源GIS这块尝试的比较多，leaflet、ol等都接触了一下，主要是因为项目中有需求，想了解下这些开源的GIS到底哪些好用。
小湾生产队队长·2020-08-15 18:08

openLayers6系列理论基础——Layer数据源source篇

openLayers6系列理论基础——Layer数据源source篇source是Layer重要组成部分，表示的图层的来源，指定了数据的服务地址。
小湾生产队队长·2020-08-15 18:37

openLayers6系列理论基础——Layer篇

openLayers6系列理论基础——Layer篇一、Layer介绍Layer是Map的核心组成部分，ol定义了四种基本的图层类型，分别是分别是Tile（瓦片）、Image（图片）、Vector（矢量）
小湾生产队队长·2020-08-15 18:37

openlayers6 添加 svg 作为Icon 标记

以下代码风格为vue的：1.在data中定义：mapPollutionImage:null2.自定义方法initSvgImage(src){constimage=newImage(200,200)//这里设置的大小为原始大小image.src=src//src为svg地址returnimage}3.mounted中设置：this.mapPollutionImage=this.initSvgImag
xiuyangzhe·2020-08-15 18:26

openlayers6【二十】vue Cluster类实现聚合标注效果

文章目录1.写在前面2.ol.source.Cluster参数3.Cluster类实现聚合分散详解4.完整代码1.写在前面聚合标注，是指在不同地图分辨率下，通过聚合方式展现标注点的一种方法。其设计目的是为了减少当前视图下加载标注点的数量，提升客户端渲染速度。因为如果在地图上添加很多标注点，当地图缩放到小级别（即大分辨率）时会出现标注重叠的现象，既不美观，渲染效率也会受到影响。此时，可以根据地图缩放
@必意玲·2020-08-15 17:20

openlayers6【十八】vue VectorLayer矢量图层实现批量图标点位上图功能详解

文章目录1.写在前面2.openlayers实现批量标注点详解3.完整代码1.写在前面对于VectorLayer矢量图层的理解可以看下openlayers6【四】地图图层Layers详解的内容，及上一篇的
@必意玲·2020-08-15 17:19

Openlayers6 Examples学习笔记（4）

文章目录turf.jsCustomAnimationConstrainedExtentFilteringfeatureswithWebGLMarkerAnimation（轨迹动画）FlightAnimation（飞行轨迹动画）geojson-vtintegrationWMSGetFeatureInfo(ImageLayer)turf.jsfetch请求在线数据显示turf.js与OpenLayer
何去何从2857·2020-08-15 17:34

OpenLayers6:关于地图无法加载的问题（找到解决方法-待深究）

.map{height:400px;width:100%;}OpenLayersexampleMyMapvarmap=newol.Map({target:'map',layers:[newol.layer.Tile({source:newol.source.OSM()})],view:newol.View({center:ol.proj.fromLonLat([37.41,8.82]),zoom:
咖喱牛腩·2020-08-15 17:56

openlayers6加载百度地图偏移问题解决

openlayers6加载百度地图偏移问题解决标题功能说明openlayers升级到6版本后，3、4、5版本加载百度地图的代码，加载的地图发生了偏移,原始代码和偏移情况如下letbaiduSource=
gisdoer·2020-08-11 16:48

openlayers6【十三】地图矢量图层 Vector 详解

文章目录1.认识什么是矢量地图2.矢量图层的构成3.矢量图层的常用参数4.初始化一个矢量图层5.总结1.认识什么是矢量地图在GIS中，地图一般分为两大类：栅格地图和矢量地图栅格地图：它们有一个共同特征，就是它们都是由很多个像素组成，像素大小是一致的，行高和列宽是一致的，从这个角度看，一幅遥感影像就像栅格。我们可以把一幅栅格图像考虑为一个矩阵，矩阵中的任一元素对应于图像中的一个点，而相应的值对应于该
@必意玲·2020-08-10 19:41

Openlayers6 Examples学习笔记（13）

文章目录LazySource（按需加载数据源）AdvancedMapboxVectorTiles（高级Mapbox矢量瓦片）MapboxVectorTiles（Mapbox矢量瓦片）TimezonesinKML（KML时区）Measure（测量）OSMVectorTiles（OSM矢量瓦片）Overlay（覆盖层）CustomOverviewMap（自定义鹰眼地图）FullScreenContro
何去何从2857·2020-07-27 23:50

Openlayers6 Examples学习笔记（12）

文章目录高级视图定位FullScreenControl（全屏控件）ExportPDFexample（导出PDF）FullScreenDrag,Rotate,andZoom（控件）MapExport（地图导出图片）GeographicCoordinatesLayerGroups（图层组）LayerClipping（图层裁剪）EarthquakesinKML（地震数据）ImageLoadEvents（
何去何从2857·2020-07-27 23:50

Openlayers6 Examples学习笔记（14）

文章目录山体阴影调整SharedViews（视图同步）TileLoadEvents（瓦片加载事件）VectorLabels（矢量标注）WMSCapabilitiesParsing（WMS功能解析）VectorTileInfo（矢量瓦片属性信息获取）ZoomSliders（缩放滑块）山体阴影调整案例链接SharedViews（视图同步）案例链接TileLoadEvents（瓦片加载事件）Image图
何去何从2857·2020-07-27 23:50

Openlayers6 Examples学习笔记（11）

文章目录XYZ（加载XYZ图层）VectorLabelDecluttering（矢量标注冲突优化）重点ConstrainedZoom（限制图层缩放）XYZEsriFreehandDrawing（手绘模式）XYZRetinaTiles（XYZ视网膜瓦片）WKT（加载WKT数据）BoxSelection（框选）CustomControls（自定义控件）CustomTooltips（自定义工具提示）XY
何去何从2857·2020-07-27 23:50

openlayers6结合echarts4实现迁徙图

效果图如下：参考GitHub来实现的，更详细的源码以及参数说明见：GitHub本篇文章的html源码：openlayers6结合echarts4实现迁徙图-->html,body,#map{height
GIS之家·2020-07-26 11:00

openlayers6结合echarts4实现迁徙图

效果图如下：参考GitHub来实现的，更详细的源码以及参数说明见：GitHub本篇文章的html源码：openlayers6结合echarts4实现迁徙图-->html,body,#map{height
GIS之家·2020-07-26 11:00

openlayers6【六】地图交互 interaction详解

文章目录1.什么是地图交互interaction？？？2.简述地图交互interaction3.interaction介绍4.interactiondefaults-默认添加的交互功能5.栗子：dragrotateandzoom(shift+鼠标拖拽进行缩放和旋转地图)6.写在最后1.什么是地图交互interaction？？？地图交互功能都是不可见的，如鼠标双击、滚轮滑动等，手机设备的手指缩放等。
@必意玲·2020-07-05 06:19

openlayers6地图切换展示(附源码下载)

前言之前写过一篇openlayers4版本的地图切换效果，但是由于是封装一层js代码写的，很多初学者看起来比较有点吃力，所以本篇文章重新写一篇地图切换效果，直接基于最新版本openlayers6写的，纯粹
GIS之家·2020-06-29 21:00

openlayers6地图切换展示(附源码下载)

前言之前写过一篇openlayers4版本的地图切换效果，但是由于是封装一层js代码写的，很多初学者看起来比较有点吃力，所以本篇文章重新写一篇地图切换效果，直接基于最新版本openlayers6写的，纯粹
GIS之家·2020-06-29 21:00

openlayers6【九】地图覆盖物overlay三种常用用法 popup弹窗，marker标注，text文本

更多可以参考上篇内容openlayers6【八】地图覆盖物ove
@必意玲·2020-06-25 11:43

openlayers6【八】地图覆盖物overlay详解

文章目录1.overlay简述2.overlay属性2.overlay事件4.overlay方法5.写到最后1.overlay简述overlay是覆盖物的意思，顾名思义就是在地图上以另外一种形式浮现在地图上，这里很多同学会跟图层layers搞混淆，主要是放置一些和地图位置相关的元素，常见的地图覆盖物为这三种类型，如：popup弹窗、label标注信息、text文本信息等，而这些覆盖物都是和html
@必意玲·2020-06-25 11:43

openlayers6【十】坐标转换 EPSG:3857和EPSG:4326区别，坐标转换详解

文章目录1.写在前面2.什么是EPSG:3857坐标系3.什么是EPSG:4326坐标系4.EPSG:4326和EPSG:3857区别5.EPSG:4326和EPSG:3857坐标转换1.写在前面在openlayers6
@必意玲·2020-06-25 11:43

openlayers6【十一】vue 使用overlay实现弹窗框popup效果

本篇涉及内容可以参考下面文章，实现一个popup弹窗框效果openlayers6【八】地图覆盖物overlay详解openlayers6【九】地图覆盖物overlay三种常用用法popup弹窗，marker
@必意玲·2020-06-25 11:43

openlayers6聚合图(附源码下载)

前言之前写过一篇openlayers4版本的地图聚合图文章，但是由于是封装一层js代码写的，很多初学者看起来比较有点吃力，所以本篇文章重新写一篇地图热力图文章，直接基于最新版本openlayers6写的
GIS之家·2020-05-30 18:00

openlayers6热力图(附源码下载)

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

openlayers6绘制扇形(附源码下载)

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

openlayers6绘制扇形(附源码下载)

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

openlayers6结合geoserver利用WFS服务实现图层编辑功能(附源码下载)

内容概览1.openlayers6结合geoserver利用WFS服务实现图层编辑功能2.源代码demo下载效果图如下：本篇主要是参照openlayers6结合geoserver利用WFS服务实现图层新增功能
GIS之家·2020-03-21 21:00

openlayers6结合geoserver利用WFS服务实现图层删除功能(附源码下载)

内容概览1.openlayers6结合geoserver利用WFS服务实现图层删除功能2.源代码demo下载效果图如下：本篇主要是在上一篇openlayers6结合geoserver利用WFS服务实现图层新增功能
GIS之家·2020-02-29 21:00

基于openlayers6的基本地图操作--1.初始化加载地图底图

安装openlayersnpmiol-S引入需要的包import'ol/ol.css';importMapfrom'ol/Map';importTileLayerfrom'ol/layer/Tile';import{transform}from'ol/proj.js';importViewfrom"ol/View";importXYZfrom"ol/source/XYZ";加载天地图在线瓦片地图在
初见_JS·2020-02-14 18:32

openlayers6结合geoserver利用WFS服务实现图层新增功能(附源码下载)

内容概览1.openlayers6结合geoserver利用WFS服务实现图层新增功能2.源代码demo下载效果图如下：本篇主要是openlayers6通过调用geoserver发布的地图服务WFS来达到图层新增记录的目的
GIS之家·2020-02-13 20:00

openlayers6结合geoserver利用WFS服务实现图层新增功能(附源码下载)

内容概览1.openlayers6结合geoserver利用WFS服务实现图层新增功能2.源代码demo下载效果图如下：本篇主要是openlayers6通过调用geoserver发布的地图服务WFS来达到图层新增记录的目的
GIS之家·2020-02-13 20:00

openlayers6实现webgl点图层渲染效果(附源码下载)

前言：openlayers6推出来的有一段时间，推出来的新特性见：https://github.com/openlayers/openlayers/releases/该版本的主要功能是能够组合具有不同渲染器类型的图层
GIS之家·2020-01-20 11:00

openlayers6实现webgl点图层渲染效果(附源码下载)

前言：openlayers6推出来的有一段时间，推出来的新特性见：https://github.com/openlayers/openlayers/releases/该版本的主要功能是能够组合具有不同渲染器类型的图层
GIS之家·2020-01-20 11:00

openlayers6结合geoserver实现地图矢量瓦片(附源码下载)

内容概览1.基于openlayers6结合geoserver实现地图矢量瓦片2.源代码demo下载效果图如下：实现思路：利用Geoserver发布矢量切片服务，然后openlayers调用矢量瓦片服务渲染加载
GIS之家·2020-01-05 19:00

openlayers6结合geoserver实现地图矢量瓦片(附源码下载)

内容概览1.基于openlayers6结合geoserver实现地图矢量瓦片2.源代码demo下载效果图如下：实现思路：利用Geoserver发布矢量切片服务，然后openlayers调用矢量瓦片服务渲染加载
GIS之家·2020-01-05 19:00

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

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

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

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

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

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