Openlayer

OpenLayers的Vector图层可编辑

对于OpenLayers的Vector图层，上面绘制了各种feature。例如绘制了一个多边形，现在希望通过鼠标来动态调整该feature的边界。
超频化石鱼·2020-08-15 18:51

OpenLayers的Overlay：弹窗

点击某个元素，弹出弹窗。该弹窗就是Overlay。定义一个Overlay，首先要定义一个元素作为弹窗的主体：弹窗层内容自定义关闭弹窗的内容可以自定义。然后将其初始化并添加给ol.Map对象：varoverlay=newol.Overlay({element:'myPopup'autoPan:true,autoPanMargin:20,positioning:'center-center'});ma
超频化石鱼·2020-08-15 18:51

OpenLayers的点击事件

OpenLayers的点击事件是附加在整个ol.Map对象上的：varselectSingleClick=newol.interaction.Select();map.addInteraction(selectSingleClick
超频化石鱼·2020-08-15 18:50

OpenLayers介绍

一、OpenLayers是什么一个用于开发WebGIS客户端的JavaScript包，实现对标准格式发布的地图数据进行访问二、OpenLayers定位GIS前端渲染库主要分类：在线地图lbs服务；例如：
fujm·2020-08-15 18:50

openlayer4设置地图的默认鼠标手势和拖拽鼠标手势

openlayer2之后，openlayer3版本有较大升级。openlayers4是3的自然升级。openlayers4中默认的地图鼠标手势都是箭头。
fredricen·2020-08-15 18:17

在OpenLayer3中添加图标有两种方式

在OpenLayer3中添加图标有两种方式，一种是我们这一小节马上就要介绍的，比较传统的overlay，另一种是下一小节马上就要介绍的Feature+Style的方式。
feiteyizu·2020-08-15 18:15

Openlayers通过feature获取Layer以及通过点获取线feature

Openlayers虽然提供了很多方法，一般是从图层（Layer）获取获取元素（feature），或者从元素（Feature）获取坐标（Coordinate）。获取到的一般都是集合。
一又·2020-08-15 18:44

openlayers 中的一些方法

initialize：创建层Div，注册事件destroy：注销clone：克隆当前层setName：设置层nameaddOptions：添加附属属性onMapResize：虚函数。由子函数实现。redraw：重画moveTo：移动。（未实现有意义动作）setMap：设置层所属的地图removeMap：移除地图。虚函数，由子函数实现getImageSize：返回图片尺寸setTileSize：设置
冷月宫主·2020-08-15 18:11

OpenLayers的使用

基本函数1.初始话一个MAP对象Varmap=newOpenLayers.Map(param1,param2);参数一指示用于显示地图的HTML页面中元素的ID；参数二是一个JSON数据对象，包含一组键值对
道道法·2020-08-15 18:11

【转】Openlayers比例尺改变事件

都是网上搜的，亲自试过，记录一下方法一：webInstance.map.getView().on('propertychange',function(e){switch(e.key){case'resolution':console.log(e.oldValue);break;}});此方法，会触发多次事件，所以不合适。方法二：webInstance.zoomend=function(evt){c
dreamgis·2020-08-15 18:10

openlayers点击wms图层获取其信息

varwmsSource=newol.source.ImageWMS({url:buildIp+'/geoserver/tianjin/wms',params:{'LAYERS':'tianjin:tianjin_build_leqn'},serverType:'geoserver',crossOrigin:'anonymous'});varmapview=newol.View({center:[
肆爪·2020-08-15 18:39

openlayers结合百度地图API加载搜索定位功能

//每次请求之前清空上一次搜索的图层searchPlaceLayer.getSource().clear()$.ajax({//url中的参数含义参见百度地图官网webAPI文档url:'http://api.map.baidu.com/place/v2/search?query=大唐芙蓉园®ion=西安市&page_size=40&page_num=0&output=json&ak=你的百
肆爪·2020-08-15 18:39

openlayers3带箭头的线

http://openlayers.org/en/latest/examples/line-arrows.html--官网的例子https://stackoverflow.com/questions/41606206
dreamgis·2020-08-15 18:39

OpenLayers中事件相关实现和使用

任何框架中数据，信息交互的处理问题都占有很重要的地位，OpenLayers作为一web前端框架，通过事件流的方式完成，支持数据、信息的传递和交互，其内部设计还是相当不错的。
donge6825·2020-08-15 18:07

openlayers天地图没有图片时会有红叉，设置背景色为透明

暂时解决办法：注释掉OpenLayers-2.12/OpenLayers.js里this.onImageLoad()[img]http://dl2.iteye.c
diwuci123·2020-08-15 18:06

OpenLayers项目分析（四）空间数据的组织与实现

转自：http://www.openlayers.cn/portal.php?mod=view&aid=10GIS，核心是什么？数据？平台？服务？空间数据的特征、表达方式？地理数据的模型（结构）？
diyuan365760·2020-08-15 18:06

OpenLayers –替代Google Maps

OpenLayers提供了一种在任何环境中以所需方式可视化数据的方法。您不受提供的地图材料的束缚，可以从多种地图背景中
dingshi7798·2020-08-15 18:06

openlayers中实现点的拖拽（modify）,在layer中增加修改删除point。

总结一下最近使用openlayer时学习的内容，先说下我的业务逻辑吧，在室内地图中1，点击新增在地图上新增一个可以拖拽的点，拖拽完成后确定位置，添加其他数据，保存入库。2，增加后展示点，点上面有序号。
dingqing4356·2020-08-15 18:05

用openlayer加载arcgis发布的wmts图层

格分为wgs84用的是4326，cgc2000用的是4490，xian80用的是4610，下图是4326格式与其对应的分辨率，这块主要是openlayer2.0加载时，需要详细定义。
diaya·2020-08-15 18:04

openlayers学习笔记（十三）— 异步调用JSON数据画点、文字标注与连线

使用Openlayers3实现调用本地json数据在地图上添加点、文字标注以及连线。
diaoyanbian8143·2020-08-15 18:04

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

GEOServer-OpenLayer-矢量切片3：PBF格式格式展示（tms服务）

0前言在上一篇博客中，本文通过参考GeoServer示例代码，实现了GeoJSON格式的矢量切片展示。但在主要存在以下两个方面的问题，PBF格式的矢量切片不能成功展示自定义坐标系统和格网方案描述混乱该篇博客将对其进行进一步的改进和说明。1PBF格式切片展示1.1问题原因：可能是由于行列号计算错误或行列号与格网方案不匹配也可能是WMTS服务在支持PBF格式时，默认的行列号计算方法和Geoserver
见贤思齐焉·2020-08-15 18:25

openlayer中自带的注册事件获取地图坐标的方法

最近遇到的需求中需要对openlayer地图的一些事件进行监听，然后传递到高德、百度等原生地图中。
爻爻大先生·2020-08-15 18:20

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

解决了openlayer临时图层加载错位的问题

原来我的系统有一个问题，临时图层是在系统初始化的时候就加载好了，然后系统需要对着些图层的可视化进行控制，这时候问题就来了，临时图层的加载需要一个坐标范围的参数，临时图层根据这个参数对图层的大小和现实位置进行控制，由于是系统一开始就加载好的，所以这个参数也是根据系统刚开始时地图的状态进行设定的，由于早操作过程中会对地图进行放大缩小，所以在此对临时图层进行可视化控制的时候，临时图层是用之前旧的坐标范围
chongjiaofeng1616·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

openLayer设置禁止拖拽地图

importDragPanfrom'ol/interaction/DragPan'//先在项目中引用此包getPan(){letpan=nullthis.map.getInteractions().forEach(element=>{if(elementinstanceofDragPan){pan=element}})returnpan},letpan=this.getPan()pan.setAc
Rose-chen·2020-08-15 18:11

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

openlayer3 系列 2 - 加载 arcgis server 图层

1.ol加载mapserver服务//url为MapServer服务地址varlyr=newol.layer.Tile({source:newol.source.TileArcGISRest({projection:'EPSG:4326',url:url})});2.加载wms服务//url为wms服务地址varlyr=newol.layer.Tile({source:newol.source.T
西北码农·2020-08-15 18:33

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
上一页 24 25 26 27 28 29 30 31 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他