OpenLayers地图api

OpenLayers学习笔记（十一）— 飞机速度矢量线预测

在机场使用的空管系统中，飞机的速度矢量线差不多是这样的：模拟飞机飞行时的速度矢量线，这里就大概做个类似效果：什么叫速度矢量线呢，个人理解就是根据飞机当前速度和航向预测它在未来一段时间内的飞机轨迹，以此来监测飞机是否偏离。如何运行代码已经在上一篇博客《动态加载JSON数据模拟航迹线》讲过了。在这个模拟DEMO中，主要存在四个图层，分别为地图底图、航迹线图层、速度矢量线图层、飞机图层（我用的点代替飞机
diaoyanbian8143·2020-08-15 18:33

OpenLayers学习笔记（九）— 限制地图显示范围

openlayers3地图上限制地图显示及拖动范围，坐标系是4326转3857，中心经纬度精确到小数点后六位，减少误差GitHub:八至作者：狐狸家的鱼本文链接：ol3-限制地图显示及拖动范围查看extent
diaoyanbian8143·2020-08-15 18:33

OpenLayers学习笔记（十）— 动态加载JSON数据模拟航迹线

在openlayers3上，加载本地json数据，动态绘制航迹线，以飞机当前位置为地图中心，此例子是模拟DEMO本文链接：动态加载JSON数据模拟航迹线作者：狐狸家的鱼GitHub：八至前提需求需要以JSON
diaoyanbian8143·2020-08-15 18:33

标绘ol3版开源啦

地址:git.oschina.net/ilocation/plotBy平凡的世界plot4ol3说明基于OpenLayers3实现动态标绘API。
dhptkq9465·2020-08-15 18:01

Openlayers点要素聚合

openlayers提供了一个点聚集图层数据源类型ol.source.Cluster，结合矢量图层即可构造一个简单的聚集图层。
15288969512·2020-08-15 18:30

Openlayers加载腾讯、高德、天地图

腾讯js代码：1OpenLayers.Layer.QQ=OpenLayers.Class(OpenLayers.Layer.TileCache,{2sateTiles:!
deban8949·2020-08-15 18:57

OpenLayers3基础教程之实现地图显示功能

1.配置开发环境使用OpenLayers3开发WebGIS应用，我们首先需要配置开发环境，首先我们需要在openlayers官网获取OpenLayers3的开发库。下载链接：官网。
jiegsier·2020-08-15 18:19

Using OpenLayers to develop a WebGIS Client

OpenLayers是一个开源的js框架，用于在您的浏览器中实现地图浏览的效果和基本的zoom，pan等功能。
classicning·2020-08-15 18:48

OpenLayers地图坐标转换屏幕坐标

最近因工作原因开始接触OpenLayers地图，遇到需要将地图坐标转换成屏幕坐标，因为技术有限，在大量查看API、与大神写的文章时候还是有写地方疏忽了，先将整个地图坐标转换地图坐标进行记录。
cong517yang·2020-08-15 18:48

openlayers高亮显示和点击（包含去除默认高亮显示样式）

由于项目之前使用的是ol4，所以这里主要是在ol4中如何实现高亮显示和点击主要是使用ol.interaction.Select首先要初始化，指定要高亮显示和选择的图层，然后添加到地图上，添加高亮显示和点击事件//初始化高亮显示和选择工具initSelTool:function(){this.selTool=newol.interaction.Select({//选择工具condition:ol.e
cici_cmh·2020-08-15 18:47

openlayers 聚类分析中预警marker 的位置在缩放过程中出现偏移

问题：在做疫情分析时，疫情点采用cluster动态聚集，对于有肺炎患者的地方，通过overlay的方式显示动态闪烁点，但是由于疫情点是动态聚集的，在不同的级别，聚集点不同，下一次聚集时，有肺炎患者的点被聚集到另一个聚集点中，但是预警闪烁点的位置还在原地，这样就造成预警点不在有肺炎患者的聚集点中。解决办法：当新出现肺炎患者点，将其加入到聚集图层中，同时添加overlay预警点，并将肺炎患者点的实际i
cici_cmh·2020-08-15 18:16

天地图卫星地图在OpenLayers中的应用示例源码

一、准备工作1、到OpenLayers的官方网站下载压缩包，如下图所示。2、到水经注软件官方网站下载《水经注万能地图下载器》或《天地图卫星地图下载器》均可。
chengzhe8253·2020-08-15 18:14

openlayers图标拖动获取坐标

本文所涉及的技术如下：openlayers加载国家天地图和浙江天地图，图标拖动获取位置，openlayers动画。
GISER_A·2020-08-15 18:43

使用openlayers进行空间分析的方法——JSTS库的应用

查看openlayers文档可以发现，openlayers中进行缓冲区分析的方法只有一个，这个方法只适合扩展矩形缓冲区，如果想扩展任意形状的缓冲区则需要用到JSTS。
GISER_A·2020-08-15 18:43

使用openlayers 3 在线加载天地图及GeoServer发布的地图

之前试了openlayers2加载天地图，不过公司已经弃用2，所以使用openlayers3来加载天地图卫星图和标注图层，今天又学习了GeoServer发布地图，一并用openlayers测试加载出来，
GISER_A·2020-08-15 18:12

openlayers 显示点击位置的经纬度

olvarmap=newol.Map({layers:[newol.layer.Tile({source:newol.source.OSM()})],target:'map',view:newol.View({center:ol.proj.transform([104,30],'EPSG:4326','EPSG:3857'),zoom:10})});//监听singleclick事件map.on(
小程序照片合成·2020-08-15 18:39

openlayers学习之popup弹窗实现(二)

目录一、定义popup弹窗dom对象二、定义弹窗样式三、定义Overlay四、设置单击地图后弹窗显示信息五、设置弹窗关闭事件一、定义popup弹窗dom对象要展示弹窗，我们首先需要一个dom对象来承载。二、定义弹窗样式在css文件中定义弹窗的样式。.ol-popup{display:none;position:absolute;background-color:white;-moz-box-sha
NoCarrots·2020-08-15 18:38

Openlayers学习之调用Geoserver发布的地图服务(一)

目录一、openlayers引用二、创建地图容器三、加载Geoserver发布的地图服务四、Geoserver跨域五、View设置一、openlayers引用首先引用js文件，在官网下载类库的压缩包，解压缩在项目目录下
NoCarrots·2020-08-15 18:38

openlayers学习之绘制点线多边形和矩形(四)

目录一、构建下拉框二、定义全局变量三、创建绘制函数一、构建下拉框首先构建一个简单的下拉框，下拉框包含点线多边形和矩形四个类型的元素，每一个option的value对应在openlayers中的value
NoCarrots·2020-08-15 18:38

openlayers学习小知识(持续更新)

1、限制地图缩放级别：在View中定义属性minZoom和maxZoom，可以设置地图缩放的最小级别和最大级别；2、动态设置地图的缩放级别：使用map.getView()方法获取地图当前的View，view.getZoom获取当前视图的缩放级别，view.setZoom设置视图的缩放级别，map.setView设置地图的视图；3、单击激活地图交互：设置单击地图之后才能平移、缩放等操作地图。在map
NoCarrots·2020-08-15 18:06

OpenLayers系列(3)——使用第三方地图API(GoogleMap)，聚合多个地图数据

使用第三方API及地图数据首先是一个调用GoogleMap的例子MyOpenLayersMap//引用Google地图在线脚本varmap;functioninit(){map=newOpenLayers.Map
bob007abc·2020-08-15 18:05

openlayers ol.source

1.ol.source.TileImageimportTileImagefrom'ol/source/tileimage';newol.source.TileImage({attributionscacheSizecrossOriginlogoopaqueprojectionreprojectionErrorThresholdstatetileClasstileGridtileLoadFuncti
running_ljy·2020-08-15 18:01

openlayers2.13 地图绘点[点可以拖动,并且实时更新后台数据]，测距同时更新数据到数据库

先需要引入openlayers2.13和下面几个js文件ol2.jsvarSHADOW_Z_INDEX=10;
半个伪球迷·2020-08-15 18:00

openlayers2地图控件扩展：图例控件LegendControl

因项目需要在地图中增加图例，以便专题地图查看或输出。实现思路，折线和多边形图例直接由样式属性创建，多边形直接设置div的样式；折线通过创建svg，设置polyline的样式；点要素的图例比较复杂，目前实现方式是：1、根据StyleMap里的Filter，找到不同Filter的要素id，这里的查找要过滤掉没有被渲染的要素；2、根据要素id从图层的渲染层找到对应的html元素，也就是svg标签；3、处
banhusao3974·2020-08-15 18:59

OpenLayers设置地图缩放最小范围和最大范围

OpenLayers设置地图缩放最小范围和最大范围functioninit(){varoptions={projection:"EPSG:4326",eventListeners:{"moveend
suyunlong·2020-08-15 18:24

openlayers 中的一些方法

OpenLayers.Layer：initialize：创建层Div，注册事件destroy：注销clone：克隆当前层setName：设置层nameaddOptions：添加附属属性onMapResize
aqcxycf270275·2020-08-15 18:24

vue集成openlayers

下载依赖cnpmi-Sol创建地图文件按需引入相应的API，具体查看官方文档importMapfrom"ol/Map";importViewfrom"ol/View";//添加图层importTileLayerfrom"ol/layer/Tile";importXYZfrom"ol/source/XYZ";importTileWMSfrom"ol/source/TileWMS.js";//格式化地
呱呱•.•·2020-08-15 18:47

再转帖个OpenLayers 入门级（来自http://blog.sina.com.cn/s/blog_3dbf03df01008uu3.html）

当然最的说明还有帮助去http://openlayers.org/用OpenLayersAPI和类来画点、线、面(2008-04-1009:35:04)标签：openlayersvectorfeaturepolygonpointlinepath
adelath1991·2020-08-15 18:42

openlayers plot 二维标绘算法简单分析

直箭头：直箭头由两个控制点来计算，在绘制时，需要两笔来绘制，可以是箭身的直线一笔加上箭头的一笔折线。细直箭头、进攻箭头：计算箭头尾部中点，加上其余的控制点作为骨架点；箭头的宽和高要跟随箭头总长度与箭头尾部的宽度来变化，箭头两翼的宽度，脖子宽度、高度根据箭头的高度变化；箭身：首先计算箭尾宽度与脖子宽度的差值作为箭身宽度渐变总量，然后根据每个除箭头箭尾之外的控制点与箭尾的距离计算当前箭身宽度，再旋转求
aaa571601·2020-08-15 18:41

2018.6.8 openlayers.js学习（汇总）

openlayers.js是一个高性能，多功能的地图需求库。目前已经更新到v4.6.5。openlayers可以轻松地将动态地图放进web页面。它可以展示地图瓦片，矢量数据和不同数据源的标记。
aayjw7890·2020-08-15 18:41

OpenLayers Turf.js 线的缓冲区 平头 单侧 双侧 两侧 缓冲区

map{height:400px;width:100%;}body,html,#map{/*:root等同html*/height:100%;width:100%;margin:0;padding:0;}OpenLayersexampleMyMapvarmap
CHENJIAMIAN PRO·2020-08-15 18:03

OpenLayers 3.x Cookbook 教程 | 中文版 | 在线文档 | 源码

这好像是截至当前关于ol出版的最新的教材了在线中文文档：https://chenjiamian.github.io/OpenLayers-3.x-Cookbook-Doc书本源码：https://github.com
CHENJIAMIAN PRO·2020-08-15 18:03

OpenLayers 添加网格信息

OpenLayers官网提供了自带的属性添加网格信息，当地图作为底图时，如果添加了过多的图层，各图层之间由于冲突不会显示出来，下面的方法能很好的解决。
a532752054·2020-08-15 18:02

OpenLayers-点击查询

OpenLayers支持通过WMS的GetFeatureInfo(参考WMS说明)方法来实现地图上的点击查询。
a18826265589·2020-08-15 18:30

openlayers系列之基于openlayers实现聚类统计展示

varstyle=newOpenLayers.Style({fillColor:"#ffcc66",strokeColor:"#ff9933",strokeWidth:2,label:"${count}
a18826265589·2020-08-15 18:30

Openlayers-限制地图拖动区域

现在做webgis基本都会用到openlayers或者leaflet。那么在显示地图的时候，特别是显示小区域地图的时候，由于地图区域较小，就会存在把地图拖动到显示区域之外的现象。
a18826265589·2020-08-15 18:30

OpenLayers系列之-Geometry格式转换

OpenLayers提供Geometry格式的转换方法，可以实现不同格式的Geometry的转换。Geometry格式转换类位于OpenLayers.Format命名空间下。
a18826265589·2020-08-15 18:30

Openlayers-设置地图缩放级别

对于openlayers3来说，直接通过view的属性进行控制即可。openlayers中需要注册缩放事件来解决，在该事件中监听缩放后地图的级别，当地图级别小于
a18826265589·2020-08-15 18:30

结合heatmap.js，在Openlayers中如何实现热力图

概述：本文讲述结合heatmap.js，在Openlayers中如何实现热力图。
a18826265589·2020-08-15 18:30

openlayers 给Feature提供修改撤销功能

最近在开发燃气管道布线gis系统，需要用到openlayers，功能需要自己做一个撤销的功能，openlayersAPI找了一圈没有发现有提供相应的api，于是自己利用栈的天然先进后出机制实现了一个。
a1135004584·2020-08-15 18:29

Vue的模态框中实现 根据详细地址定位经纬度

做这个需求之前先去百度地图获取密钥，在index.html中引入百度地图api//内网测试-->//项目上线到域名地址要改为https，并且要加&s=1这是引入百度api的
Zxiuping·2020-08-15 18:57

openlayers之cluster——加载大数据…

vardx=3;vardy=3;varpx,py;varfeatures=[];varstrategy,clusters;;functiondraw(){varic="Images/Icon/car_yellow_0.png";for(vari=0;itest"+i.toString()+"";px=Math.random()*(122-121+0.001)+121;py=Math.random(
pigs2018·2020-08-15 18:56

OpenLayers 截图导出方式 html2canvas 以及 直接从地图的导出

自己做一下记录，备忘。方式一：html2canvas截图方式，需要下载对应的js文件。之前遇到的问题截取不出来，导出的图片只看到divid=printcontent的背景色，不设置背景颜色就可以了。(html2canvas(document.getElementById("printcontent"),{async:false,allowTaint:true,imageTimeout:0,tain
Trustport·2020-08-15 18:20

A1.0.1 如何下载地图瓦片？记录我的实现过程

前端时间根据经理对GIS的介绍，使我有了一些初步了解，上周试图搞一下Openlayers这玩意，联网情况下地图加载正常，在断网情况下，然并卵。那么，断网怎么办？
技术弯弯·2020-08-15 18:20

Openlayers 6.2.1 浅尝心得（二）

序上文说到Openlayers6.2.1开发环境的搭建，并简述了各个插件的功能。今天本文将继续记录关于Node环境下OpenLayers开发的小小心得。
Supreme_Sir·2020-08-15 18:15

Openlayers 6.2.1 浅尝心得（一）

前言由于工作需要，最近一直在基于Openlayers做一个项目的开发。
Supreme_Sir·2020-08-15 18:15

OpenLayers 学习（五） 根据经纬度用Marker在地图上添加标记

根据经纬度在地图上添加标记html,body{width:100%;height:100%;margin:0;padding:0;}varbasePath='198.165.26.54';varjsonStr='{"MMSI":"432855000","Long":"116.412","Lat":"39.956"}';varshipInfo=eval('('+(jsonStr==""?"[]":j
Stonesk·2020-08-15 18:44

Openlayers之拖拽加载矢量数据

1、在日常工作和生活中，我们需要打开某个文件或者加载某些数据的时候，往往通过拖拽的方式来加载或者打开，这样比较直接和方便，那么我们能否使用Openlayers来实现拖拽加载矢量数据呢？
桃李不言_下自成蹊·2020-08-15 18:43

OpenLayers 学习（三）矢量图层上添加点绘制点、线、多边形

创建矢量图层，添加EditingToolbar类对象，该对象可以在矢量图层上添加点绘制点、线、多边形等。源码为：矢量图层上添加点绘制点、线、多边形html,body{width:100%;height:100%;margin:0;padding:0;}functioninit(){//创建Control对象填充Controls数组varnavigation_control=newOpenLayer
Stonesk·2020-08-15 18:43

Openlayers之热点图

1、热点图热点图，也叫热力图，是一种以特殊高亮的形式显示事物的密度分布、变化趋势的等的图示方法，通常用不同颜色的区块叠加在地图上进行显示，用颜色变化展示事物的状态与变化趋势等，非常直观；2、代码实现window.onload=function(){//获取热点半径的range标签varblur=document.getElementById('blur');//获取模糊尺寸的range标签varr
桃李不言_下自成蹊·2020-08-15 18:43
上一页 44 45 46 47 48 49 50 51 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他