OpenLayers地图api 第46页

openlayers custom marker and popup 动态标注提示信息

困惑的很久的openlayers动态标注提示信息问题，现已解决。

penghuangit·2020-08-15 19:49

通过Html2Canvas对OpenLayers截图

希望对需要的朋友提供参考本人通过html2canvas对项目中使用的openlayers叠加的图层进行截图，生成图层数据。其中对地图上叠加的矢量和栅格图层的截图中矢量截图没什么问题注意添加跨域就行了。

David_SIAT·2020-08-15 19:49

GeoServer基础教程（五）：使用GeoServer和OpenLayers发布地图服务

转载：https://ethanblog.com/tech/publish-wms-with-geoserver-and-openlayers.html在前面几节的关于GeoServer的基础教程中，我们介绍了如何使用

One程序猿·2020-08-15 19:48

openlayers矢量圆形获取圆心和半径

在地图初始化前定义的交互：varinteraction=newol.interaction.Draw({source:this.source,type:('Circle'),});需要使用变量保存起来，这里使用interaction保存。获取圆心和半径需要结合交互：如下interaction.on("drawend",function(event){varcenterLogLat,radius;v

Museions·2020-08-15 19:48

如何将谷歌地图在基于OpenLayers的服务器端进行部署的方法

原文转自：http://www.arceyes.com/bbs/thread-18475-1-1.html如何将谷歌地图在基于OpenLayers的服务器端进行部署的方法一、准备工作1、到OpenLayers

mrib·2020-08-15 19:47

如何在内网(局域网中)发布OpenLayers地图平台

一、概述这里以中间件作为谷歌地球(GoogleEarth)卫星地图发布引挚，杭州市4到14级谷歌地球卫星地图(WGS84经纬度投影)作为中间件的地图发布数据源，OpenLayers开源平台作为加载中间件发布的卫星影像数据平台

mrib·2020-08-15 19:47

在OpenLayers4中将地图及叠加显示的图层生成图片保存到数据库方法

在调用自己发布的图层服务时注意在图层源属性中加入跨域。newol.layer.Image({source:newol.source.ImageArcGISRest({ratio:1,params:{},crossOrigin:'anonymous',url:"http://10.5.1.186:6080/arcgis/rest/services/thly/thlyfq/MapServer"})})

David_SIAT·2020-08-15 19:17

OpenLayers4叠加显示点

obj.drawst=function(st_result){vararr=newArray();arr=st_result.split('|');//setstaionstyleiconFeatureset=newArray();//declareimgstylevariconStyle=newol.style.Style({image:newol.style.Icon(({src:'Libs/

David_SIAT·2020-08-15 19:17

openlayers实现点击图层弹出相应信息

openlayers：4.6.5vue-cli：3.0openlayers官网：https://openlayers.org/天地图官网：https://www.tianditu.gov.cn/1.准备

panzi_only·2020-08-15 19:16

用绘制控件绘制要素示例(openlayers)

001002003004varmap,drawControls;005functioninit(){006//构造地图对象实例,并添加到id为simpleMap的div容器中007map=newGeo.View2D.Map("simpleMap");008//构造瓦片地图图层009varlayer=newGeo.View2D.Layer.GlobeTile("全球1:100万影像图","http:

pandary·2020-08-15 19:16

WebGis之OpenLayers学习之路------OpenLayers快速入门

实现地图显示功能openlayers可以加载在线地图、瓦片图、自己搭建的服务地图，下面我们依谷歌在线地图为例，进行实现图显示功能，我们新建页面，将ol.js和ol.css进行引入，代码如下所示.map{

吃吃吃丶就知道吃·2020-08-15 19:14

openlayers3加图标定位

首先想说的是我也是刚刚接触openlayers，因为公司的需求所以开始学习openlayers，刚开始想学openlayers2，但是试过几次发现openlayers2的浏览效果不好，还存在一些浏览卡顿不流畅等问题

mashang666·2020-08-15 19:13

openlayers使用Canvas实现行政区划遮罩地图

有时候我们做GIS开发时需要只显示某个区域的地图，需要把其他地方遮罩住，比如下图这样：好了，上代码：//添加遮罩functionclipmap(data){$.getJSON(data,function(data){varfts=newol.format.GeoJSON().readFeatures(data);varft=fts[0];varconverGeom=ft.getGeometry()

怪兽地图·2020-08-15 19:42

小马看Gis--通过Openlayers实现实时定位

说到实时监控,我们不能不承认Openlayers功能的确非常强大。Openlayers中通过很多方式都能实现实时监控。我讲讲我的实现方式。

真不知道是谁·2020-08-15 19:41

Openlayers展现点元素

【目标1】通过Openlayers展现后台服务提供的一个点的元素信息。

真不知道是谁·2020-08-15 19:41

vue中用openlayers实现移动点动画

**做项目时，本来打算仿照官网的Example中动画制作，引入vue中后，发现它引用的库函数一直报错，最后我去vue中安装的依赖库中去查找这个函数，果然没有。也就是说官方例子使用的库和我安装的OL库存在一定差异。后来我还是用笨方法去解决了，最终效果如下：总体思路是将移动目标实例一个Overlay对象，然后将如图5个经纬度点没两点之间分割成多个（200个），之后通过定时器不断setPositon。代

一颗哈士奇·2020-08-15 19:40

Openlayers源码实践系列：探索layer的渲染机制——从分析OpenLayers 6 的WebGLPointsLayer动画效果实现说起

战斗中的老胡·2020-08-15 18:38

openlayers笔记1：加载矢量地图数据的方法以及应对跨域问题的解决方法

OpenLayers笔记1：加载矢量地图数据的方法以及应对跨域问题的解决方法加载矢量地图数据的两种方法加载本地geojson格式文件出现的跨域问题及解决方法。

getMoreTime·2020-08-15 18:37

openlayers bbox坐标投影转化

varproj4326=newOpenLayers.Projection("EPSG:4326");//初始坐标系varproj900913=newOpenLayers.Projection("EPSG

miss_kiss·2020-08-15 18:34

OpenLayers5中无法import解决方法

本文参考此文：https://blog.csdn.net/qq_35505699/article/details/80858425OpenLayers5版本中引用ol.js的方式是import，如果直接复制官网例子到

masonqiang·2020-08-15 18:01

百度离线地图api2.0 加载本地瓦片实现点线面标注 ajax提交（完全内网）

简介：自己修改的离线地图API2.0版本,支持百度电子、卫星地图任意切换（把两者的瓦片下载下来放在对应的文件夹中即可），支持点线面标注、测距等，marker可以自定义更改图标，infowindow可以上传图片

楼下有只猫·2020-08-15 18:52

通过Openlayers中getGetFeatureInfoUrl方法请求WMS服务数据到客户端（Browser）（基于Geoserver服务器）

本文基于tomcat服务器进行网站开发，geoserver管理GIS数据服务，在tomcat服务器中访问geoserver时出现跨域访问被拒绝的杯具，遂本文要有理有据的阐述一下如何解决这个跨域访问geoserver中的GIS数据并以JSON数据格式返回到前端。首先，说一下文章的目的。本文通过点击地图并以JSON格式返回与地图相关的属性数据，首先通过jquery中的ajax方法进行jsonp的请求，

老衲一头白发·2020-08-15 18:22

OpenLayers基础地图加载

1.它的官方网站http://www.openlayers.org下载他的压缩包，解压后可以看到其中的一些目录和文件。

lu18225857116·2020-08-15 18:49

openlayers3入门——类、方法、属性详解2

//【*】地图瓦片文件目录地址ps：这个一定要设置正确的瓦片文件的位置，不然显示不出来//varurl='../img/{z}/{y}/{x}.png';//{z}{x}{y}是占位符，ol会识别的ps:这个是我用OLOffLineMapOpenEXE工具下载的地图数据的调用格式varurl='../img/{z}/{z}_{y}_{x}.jpg';//{z}{x}{y}是占位符，ol会识别的//

msnaruto·2020-08-15 18:48

openlayers3入门——类、方法、属性详解1

//创建地图newol.Map({//设置地图图层layers:[//创建一个使用OpenStreetMap地图源的瓦片图层newol.layer.Tile({source:newol.source.OSM()})],//设置显示地图的视图view:newol.View({center:[0,0],//定义地图显示中心于经度0度，纬度0度处zoom:2//并且定义地图显示层级为2}),//让id为

msnaruto·2020-08-15 18:48

OpenLayers 项目完整分析（二）源代码总体结构分析

通过前面的项目介绍，我们大概已经知道Openlayers是什么，能够做什么，有什么意义。接下来我们分析它怎么样，以及怎样实现的等问题。

召唤师峡谷·2020-08-15 18:15

Openlayers中layer介绍

1.baselayers&overlaylayersbaselayer:最底层的layer，其他的图层是在他之上，最先加入的图层默认作为baselayer.overlaylayer:不是baselayer的layer就是overlaylayer2.使用layer的步骤：创建layer把layer添加到Map中，可以用map.addlayer(layer)或map.addLayers([layer1

longshengguoji·2020-08-15 18:15

OpenLayers学习笔记10——datagrid双击缩放指定点

这里实现gis里最常用的功能：缩放至图层（或者缩放至要素），实现效果如下：这个实现就很简答了，主要用到的是datagrid的双击事件，其api是这么描述的：那么，只要获取双击行的经纬度，然后利用map的setCenter或zoomto方法就可以了。代码如下：onDblClickRow:function(rowIndex,rowData){varlat=rowData.schoolLat;varlo

召唤师峡谷·2020-08-15 18:43

前端OpenLayers实现阴影效果（canvas绘制）

以往通过前端绘制的方式实现矢量地图的可视化，往往是使用ArcGIS的前端API，底层是通过svg的方式实现，优点，是可以使用svg的滤镜，css3等方式实现比较绚丽的地图可视化效果，比如，阴影，动画等，svg的内置filter很多很方便，缺点是使用svg的filter可能导致渲染速度变慢，如果是比较多的矢量点，可能导致效率低下，最近尝试使用canvas的方式是否也能实现类似效果，我所选择的前端AP

liyan_gis·2020-08-15 18:43

openlayers 注册地图事件（移动、单击、拖动）

1、创建一个地图对象//Layersvarlayers=[newol.layer.Tile({name:"NaturalEarth",minResolution:306,source:newol.source.XYZ({url:'https://{a-d}.tiles.mapbox.com/v3/mapbox.natural-earth-hypso-bathy/{z}/{x}/{y}.png',a

山野里的小菊花·2020-08-15 18:12

Openlayers 显示坐标点

Openlayers显示坐标点的两种方法：//1、显示所有坐标点$("input[@type=hidden][@id$='hidGeom']").each(function(){varpoint=this.value

冰蓝·2020-08-15 18:11

OpenLayers项目分析（七）地图表现

一开始看到OpenLayers，就有一个问题。就是它作为WebGIS的前端，通俗地说，是“显示”地图的。那么，它显示的地图是什么，是怎么显示的，又是怎么实现的？——暂且把这个问题叫做地图表现。

召唤师峡谷·2020-08-15 18:11

Openlayers 从数据库中获取坐标点动态生成线

Openlayers从数据库中获取坐标点动态生成线的步骤如下：//1、新建矢量图层linelayer=newOpenLayers.Layer.Vector("线图层");//2、获取坐标strtemp=

冰蓝·2020-08-15 18:11

使用OpenLayers3创建地图后获取地图的地理坐标coordinate

1.引用ol库引用ol样式库***引用上面两个库，href属性根据具体两个库文件位置进行设置2.使用HTML标签，创建容器(地图容器）(地图坐标容器)3.使用标签，写js脚本加载地图：//创建地图newol.Map({//设置地图图层layers:[//创建一个使用OpenStreetMap地图源的瓦片图层newol.layer.Tile({source:newol.source.OSM()})]

LEETOON·2020-08-15 18:38

Openlayers发布谷歌离线地图

例子是基于OpenLayers-2.13，离线地图下载工具推荐OGCer，可以从这里下载，找了几个下载工具，这个还是比较不错的。

林志Ke·2020-08-15 18:06

Openlayers进阶学习——多标注显示/点击弹出框/图层控制/搜索定位/新增标注等

我对openlayers例子提供的代码做了一些改动，添加单个标注函数如下:/***Function:addMarker*Addanewmarkertothemarkerslayergiventhefollowinglonlat

林志Ke·2020-08-15 18:06

OpenLayers项目分析

[size=medium]摘要：OpenLayers是由MetaCarta公司开发的，用于WebGIS客户端的JavaScript包，目前的最高版本是2.5V，通过BSDLicense发行。

lihua2915·2020-08-15 18:34

OpenLayers中Map对象的投影参数初始化与坐标转换

OpenLayers中Map中默认使用的经纬度坐标系（EPSG:4326），如果我们地图图片采用了墨卡托投影时，我们就需要在初始化Map对象时对相关的参数进行配置，以使用正确的投影方式；下面代码演示了这个使用

lichengxian·2020-08-15 18:03

解决Openlayers转化为墨卡托坐标系定位不准和隐去前3级的问题

改为：maxResolution:156543.0339maxExtent:newOpenLayers.Bounds(-20037508.34,-20037508.34,20037508.34,20037508.34

lichengxian·2020-08-15 18:03

openLayers 中ol.proj.transform详细介绍

ol.proj.transform(coordinate,source,destination)将坐标从源投影转换为目标投影。这将返回一个新的坐标（并且不会修改原始坐标）。示例：1、将地理坐标转为投影坐标ol.proj.transform(pos,'EPSG:4326','EPSG:3857')2、将投影坐标转为地理坐标ol.proj.transform(pos,'EPSG:3857','EPSG

冰雪为融·2020-08-15 18:29

openlayers地图切换

代码：https://github.com/lixiufei/openlayers预览：https://lixiufei.github.io/openlayers/openlayers卫星地图路网地图/

启明星在这里·2020-08-15 18:28

openlayers3 鼠标单击事件，图片随鼠标滚动缩放事件

鼠标单击事件map.on('singleclick',mapClick);functionmapClick(e){varpixel=map.getEventPixel(e.originalEvent);featureInfo=map.forEachFeatureAtPixel(e.pixel,function(feature){returnfeature;});if(featureInfo){//

leobbis·2020-08-15 18:57

openlayers基础使用和一些简单交互

引入文件创建dom节点定义样式必须要定义好长和宽才能正常使用.map{height:400px;width:100%;}初始化varmap=newol.Map({controls:ol.control.defaults({attribution:false,rotate:false,zoom:false}),target:'container',layers:[newol.layer.Tile({

海诺·2020-08-15 18:57

openlayers3 + canvas 通过粒子动画展示风场

openlayers3+canvas展示风场原理：将屏幕坐标转换为经纬度，再通过经纬度获取风速风向，再通过canvas绘制效果：步骤：1、随机新建粒子（显示得风得数量，确定生命周期、位置等信息），获取该粒子得风速风向

Lazy man·2020-08-15 18:24

基于Openlayers3的地图轨迹及其优化

一、背景项目线上系统经常出现一个问题，当地图轨迹点较多后者出现跨度较大的跳跃点时，地图缩放轨迹计算会导致浏览器比较卡，非常影响用户体验，根本原因是因为地图轨迹在进行缩放时，会在前端重新计算轨迹箭头图层的位置信息，当看到计算入口代码时，发现计算比较暴力，计算时间复杂度太高，需要进行优化，通过网上查询，发现一个博主的做法能有效降低计算的时间复杂度（https://blog.csdn.net/freel

最爱夜明珠·2020-08-15 18:49

openlayers3（五）根据坐标点画圆、线、多边形

所以我写的也算是基于上一篇：openLayers3（四）电子围栏—使用画图工具绘图话不多说，代码附上代码classdrawFence{//转换坐标点（多）transPoints(points){letarr

天空影·2020-08-15 18:45

Openlayers扩展H5绘制10W+数据

本文基于openlayers2现有api扩展html5的支持绘制10W+的四边形，当然样式简单死板，只为说明通过H5也可以为ol带来不菲的性能(默认自带vector图层中添加feature超过2K+数据后就会出现卡顿

jjxliu306·2020-08-15 18:12

openlayers入门之使用openlayers描述车辆运动轨迹

不介绍概念直接上例子，需要了解的可以直接看API先来简单的，展示个地图看看">MyJSP'test.jsp'startingpage//使用指定的文档元素创建地图varmap=newOpenLayers.Map

键圣·2020-08-15 18:39

openLayers地图插件的写法

/***FROM：xph*主要功能：*1简单加载离线地图（因为百度地图算法问题，仅支持google）*2地图元素加载，点和线*3事件操作，单击，悬浮，右键*4OL常用API调用，remove方法，地图移动*庭博*date:20180928*/(function($){vardefaultPrams={centerCoordinate:[116.388888888889,40.14388888888

庭博·2020-08-15 18:08

openlayers加载Arcgis在线切片服务

背景项目上内网不能使用在线地图，提供arcgis地图服务，前端使用openlayers加载地图服务主要参考资料：感谢博主Openlayers加载ArcGISServer切片服务（自定义切片方案）arcgis

在数月亮·2020-08-15 18:07

推荐频道

OpenLayers地图api