OpenLayers地图api

OpenLayers 3 之 事件体系详解

熟悉前端的肯定知道javascript的事件机制，openlayers既然是javascript实现的，那么它就也不例外，也遵循W3C的标准，只不过是openlayers进行的简化实现。
庆祝亚运会·2020-08-15 17:43

OpenLayers 3 之 动态点扩散效果

当某个地方发生一些事情之后，如果我们添加一个静态点在地图上，并不能引起注意，那我们可以放置一个动态的点，类似于在水中投入一个石头，水波扩散的效果，象征发生的事件有一定的影响区域，那么，我们如何利用OpenLayers3
庆祝亚运会·2020-08-15 17:43

OpenLayers 6 图标定位问题：anchor详解

因为OpenLayers不像Leaflet这种面向UI的地图框架一样有marker的概念，所有的“Marker”都是通过以下两种方式之一实现的：Overlay承载元素；Point类型的要素使用image
战斗中的老胡·2020-08-15 17:42

openlayers添加标记信息框

要点：一个marker就是一个放置在地图相应位置的DOM元素marker的样式可以随意扩展，然后调用API将DOM对象整个放置成为一个图层varmarker=newol.Overlay({element:DOM,position:ol.proj.transform(lnglat,'EPSG:4326','EPSG:3857'),positioning:'center-center'});map.a
Museions·2020-08-15 17:42

使用openlayers加载本地离线地图瓦片的一个最简单地例子

上一篇文章写了leaflet，本篇说一下openlayers。
netying·2020-08-15 17:42

TRICK系列：Openlayers 中实现Draw通过键盘按键取消全部绘制、取消上一步绘制

前言Draw是OpenLayers中常用的一个组件，默认是单击绘制，双击结束绘制。但是在实际工程中常常需要在绘制过程中使用按键来取消全部绘制、取消上一步绘制，如何做到呢？闲言少叙，直接上干货。
战斗中的老胡·2020-08-15 17:42

OpenLayers笔记3：地图事件监听概述及部分简单应用

目录地图事件监听概述1.鼠标触发事件2.地图移动事件3.图层渲染事件4.change事件5.其它事件地图事件监听的部分简单应用监听鼠标触发获取地图坐标监听指针移动获取指针位置矢量要素的属性值监听地图移动实现图层的动态显隐地图事件监听概述地图能够监听的事件主要包括：1.鼠标触发事件click：鼠标单击地图触发的事件（鼠标单击多少次地图，该事件就触发多少次）；singleclick：鼠标单击地图触发的
getMoreTime·2020-08-15 17:42

openlayers4实现点的扩散效果

Title.css_animation{height:100px;width:100px;border-radius:50%;background:rgba(255,0,0,0.9);transform:scale(0);animation:myfirst3s;animation-iteration-count:infinite;}@keyframesmyfirst{to{transform:sc
嚜溟·2020-08-15 17:10

OpenLayers使用

OpenLayers是WebGIS前端开发的利器，如果你想在浏览器中进行WebGIS的开发，那么OpenLayers可以大大减少你的工作量，让你快速开发出应用。
冰清-小魔鱼·2020-08-15 17:09

Openlayers3事件体系详解

熟悉前端的肯定知道JavaScript的事件机制，openlayers既然是javascript实现的，那么它就也不例外，也遵循W3C的标准，只不过是openlayers进行的简化实现。
msnaruto·2020-08-15 17:09

OpenLayers访问Geoserver发布的地图

上一篇文章基于Geoserver发布了一个18个图层的地图，本文介绍如何利用OpenLayers访问Geoserver发布的地图。
longshengguoji·2020-08-15 17:39

OpenLayers学习笔记2——坐标转换问题

参照别人的添加marker的demo来改造时，发现无论怎样更改经纬度，都是停留在同一个位置。过了一两天突然想起可能是坐标参考的问题，尝试搜了一下，果然是这个问题。问题是这样子的：WMTS中地图的坐标参考系是102100（具体是哪个不清楚），如下图所示：而我在初始化地图时设置的参数如下图所示：projection属性设置的是‘EPSG：102100’，displayProjection属性设置的是‘
召唤师峡谷·2020-08-15 17:38

OpenLayers访问本地瓦片地图

WMS无非就是通过http请求参数来获取瓦片，因此将常规的WMS请求改为对php页面的请求即可实现对本地图片的访问，例如原来的WMS层代码这样写layer=newOpenLayers.Layer.WMS
leesmn·2020-08-15 17:37

openlayers3 修改投影坐标系

1.页面加载proj4.js文件百度下载2.http://spatialreference.org搜索投影坐标系，如：Beijing54，找到自己所需EPSG，如：EPSG:2401，点击。找到Proj4jsformat，点击后，复制Proj4js.defs["EPSG:2401"]="+proj=tmerc+lat_0=0+lon_0=75+k=1+x_0=25500000+y_0=0+ellp
leobbis·2020-08-15 17:37

openlayers3应用（三）：百度地图“纠偏”

前两篇文章介绍了openlayers3加载百度在线和离线瓦片地图，页面上能够正常显示。
iteye_11787·2020-08-15 17:05

openlayers3应用（一）：调用百度离线瓦片地图

上一篇文章介绍了使用openlayers3加载百度在线地图，对某些项目或应用场景比如不允许上外网的单位，某些项目只针对一定区域地图加载应用，比如一个县的地图，可以采用下载百度瓦片地图，在服务器或者本机单独部署的方式进行
iteye_11787·2020-08-15 17:05

Openlayers6 Examples学习笔记（4）

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

Openlayers 禁用鼠标双击缩放事件（ol.interaction.DoubleClickZoom）

说明openlayers地图加载时，默认会有9个交互事件其中可以看到控制双击缩放事件的DoubleClickZoom我们知道在绘制线时，结束的响应事件也是双击，所以在绘制线时和双击缩放事件就会冲突了。
guzicheng1990·2020-08-15 17:33

OpenLayers加载谷歌地球离线瓦片地图

本文使用OpenLayers最新版本V5.3.0演示：如何使用OpenLayer加载谷歌地球离线瓦片地图。
megomap·2020-08-15 17:32

OpenLayers无偏移加载百度离线瓦片地图

本文使用OpenLayers最新版本V5.3.0演示：如何使用OpenLayer完美无偏移加载百度离线瓦片地图。
megomap·2020-08-15 17:31

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

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

OpenLayers API整理

整理的Openlayers的知识笔记，随着运用不断加深理解，也会不断更新。
diaoyanbian8143·2020-08-15 17:01

OpenLayers学习笔记（一）—在线加载谷歌影像地图&离线加载本地瓦片地图

实现根据在线离线判断加载地图，在线加载谷歌影响地图，离线加载本地瓦片地图作者：狐狸家的鱼Github：八至html代码tabindex="0"是为了启动键盘事件。js代码//地图中心点varcenter=ol.proj.transform([110.06667,14.66667],'EPSG:4326','EPSG:3857');//矢量图层源varvectorSource=newol.sourc
diaoyanbian8143·2020-08-15 17:01

Openlayers地图事件

点击事件singleclick:地图单击事件dblclick:地图双击事件click:地图点击事件拖拽事件pointerdrag:鼠标拖拽事件pointermove:鼠标移动事件渲染事件postcompose:地图渲染中precompose:准备渲染，未渲染postrender:渲染全部结束移动事件moveend:地图移动结束改变事件change:layerGroup:地图图层增删时触发chang
15288969512·2020-08-15 17:00

配置Openlayers中的缩放级别

OpenLayersMap可以在不同的比例尺或解析度下显示他的每一个layermap对象含有缩放级别的引用，即ZoomLevels，而且允许他的每一个layer去自定义他们自己的缩放级别，使之看起来合适可以通过在构造函数中设置
aqcxycf270275·2020-08-15 17:28

openlayers学习之Overlay实现点标记+点标注(三)

目录一、设置点标记dom对象和样式二、设置标注的样式三、定义Overlay一、设置点标记dom对象和样式首先在css文件中设置点标记的样式，然后再html文件中设置点标记的dom对象。#marker{width:20px;height:20px;border:1pxsolid#088;border-radius:10px;background-color:#0ff;opacity:0.8;}二、设
NoCarrots·2020-08-15 17:28

Openlayers2中聚类的动态实现

概述：前面的文章中，讲述了Arcgisforjs中聚类分析与展示，在本文，讲述如何在Openlayers2中聚类分析的实现。
a18826265589·2020-08-15 17:56

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

.map{height:400px;width:100%;}OpenLayersexampleMyMapvarmap=newol.Map({target:'map',layers:[newol.layer.Tile
咖喱牛腩·2020-08-15 17:56

openlayers 离线地图 瓦片

openlayers离线地图加载本地瓦片、google瓦片等1.加载googlemap的地形图,街道图,混合地图,卫星地图作为地图底图显示，在之上可叠加自己定义地图瓦片；2.只加载自定义地图瓦片;3.控制要显示的地图区域范围和缩放等级范围
豆小鱼·2020-08-15 17:55

openlayers 入门学习

openlayers入门学习一介绍OpenLayers是一个专为WebGIS客户端开发提供的JavaScript类库包，用于实现标准格式发布的地图数据访问，可以加载多种在线离线地图模块，百度地图，高德地图
MSiHan·2020-08-15 17:55

Openlayers之离线加载ArcGIS Server瓦片

在Openlayers中，给我们提供
桃李不言_下自成蹊·2020-08-15 17:24

Openlayers 6.2.1 浅尝心得（三）

序中国有句古话：“授之以鱼不如授之以渔”，所以今天我要记录的主要是关于OpenLayers的应用开发思路，而非某一具体的功能或代码。
Supreme_Sir·2020-08-15 17:24

Openlayers之聚合标注

1、聚合标注聚合标注是指在不同的地图分辨率下，通过聚合的方式来展示标注点的一种方法，其目的就是为了减少当前视窗中加载的标注点的数量，从而提高客户端的渲染速度，有点类似于ArcGIS的点抽稀。2、代码实现window.onload=function(){//初始化地图varmap=newol.Map({target:'map',layers:[newol.layer.Tile({source:new
桃李不言_下自成蹊·2020-08-15 17:24

OpenLayers地图打印输出

最近遇到了在Openlayers上开发地图打印的功能，官网给了两个全图打印的demo。其核心思想是将canvas里的像素提取出来。
GIS开发者·2020-08-15 17:22

OpenLayers学习笔记高级篇（三、地图动画）

在OpenLayers3中，动画是随处可见的，比如平移地图时，地图移动会有惯性，停止移动后，还会继续沿着之前的方向移动一会。
MagicMHD·2020-08-15 17:22

OpenLayers ol-ext:Transform 对象，旋转、拉伸、放大

OpenLayers引用ol-ext:Transform能够对Feature图形进行放大、缩小、移动、旋转、拉伸等操作，非常好用。
Gary_Leong·2020-08-15 17:22

OpenLayers禁用鼠标双击放大事件

方案1：varmap=newol.Map({layers:[newol.layer.Tile({source:newol.source.OSM()})],target:"map",view:newol.View({center:[0,0],zoom:0}),interactions:newol.interaction.defaults({doubleClickZoom:false,//屏蔽双击放大
Gary_Leong·2020-08-15 17:50

OpenLayers3入门篇-点在线上的运动

这条线切割成很多的坐标，然后这个点沿着这些坐标前进，以下代码是参考官方案例做了修改，还有很多不足之处先将得到的两个点的坐标从字符串转换成数字类型，再传入封装的方法计算出两个坐标之间的距离（单位：米）注：OpenLayers3
adventure_xph·2020-08-15 17:18

openlayers 截屏出图和框选范围出图

地图打印（导出图片）#map{width:100%;/*height:570px;*/height:100%;position:fixed;}#menu{float:left;position:absolute;bottom:10px;z-index:2;}#wrap2{width:100%;height:100%;position:absolute;left:0;top:0;background
ANNENBERG·2020-08-15 17:18

openlayers画点标记 (六)

还是用的上一篇文章的代码，新增了images目录放了一张图片1.新增点标记创建2个要素variconFeature=newol.Feature({geometry:newol.geom.Point([121.5025,31.237015]),});variconFeature2=newol.Feature({geometry:newol.geom.Point([121.5025,31.247015
吴佩佩佩佩·2020-08-15 17:44

openlayers拖拽、旋转、缩放、拉伸变形 (十二)

gis应用中拖动旋转和缩放是编辑中比较常见的功能，在openlayers中拖拽可以通过ol.interaction.Translate来实现，但是其他功能没有，所以要用的openlayers的一个扩展ol-ext
吴佩佩佩佩·2020-08-15 17:44

openlayers加载本地离线地图瓦片 (五)

1.准备工作准备好openlayers的js、css文件和上篇文章下载的上海地图瓦片(格式为谷歌XYZ)。
吴佩佩佩佩·2020-08-15 17:43

openlayers禁用双击缩放事件 (十一)

在openLayers中，默认有一个DoubleClickZoom事件，双击会缩放地图。当需要双击做一些其他操作的时候，效果就会冲突。解决办法是把这个默认事件删掉。
吴佩佩佩佩·2020-08-15 17:12

openlayers事件 (十)

change通用更改事件。当修订计数器增加时触发。change:layerGroupchange:sizechange:targetchange:viewclick单击事件。双击将触发其中两个。这个更像是触摸事件，与dblclick会冲突。singleclick真正的单击，此事件会延迟250毫秒，以确保它不是双击事件，与dblclick不冲突。dblclick双击事件。moveend地图移动结束事
吴佩佩佩佩·2020-08-15 17:12

openlayers坐标/投影/瓦片 (三)

1.地理坐标系地理坐标是由经度、纬度、高度三个变量描述组成的一个三维球面。2.经纬度经纬度国内常见的有三套WGS84：为一种大地坐标系，也是目前广泛使用的GPS全球卫星定位系统使用的坐标系。CGCS2000：国内大地坐标系，跟WGS84几乎一样GCJ02：又称火星坐标系，是由中国国家测绘局制订的地理信息系统的坐标系统。由WGS84坐标系经加密后的坐标系。BD09：为百度坐标系，在GCJ02坐标系基
吴佩佩佩佩·2020-08-15 17:12

GIS的学习（二十）基于Geoserver的WFS服务与Openlayers实现地理查询

GIS的学习（二十）基于Geoserver的WFS服务与Openlayers实现地理查询基于Geoserver发布的wfs服务，与Openlayers结合实现空间和属性信息的查询。
十一路客·2020-08-15 17:08

must implement the inherited abstract method 问题解决

在调用百度地图Api时：publicclassMySearchListenerimplementsMKSearchListener{}出现错误提示：ThetypeMapActivity.MySearchListenermustimplementtheinheritedabstractmethodMKSearchListener.onGetDrivingRouteResult
willproud·2020-08-15 17:07

Openlayers中加载WMTS地图服务，自定义级别、分辨率

需要以下几个参数origin（原点）resolutions（分辨率数组）matrixIds（分辨率对应的级别）projection（坐标系）以arcgisserver发布的服务为例，如图varprojection=ol.proj.get("EPSG:4326");varresolutions=[0.00118973050291514,5.9486525145757E-4,2.97432625728
高端客户·2020-08-15 16:12

Openlayers源码阅读（七）：图层canvas渲染

上一篇中，ol.renderer.canvas.Map在renderFrame()中通过getLayerRenderer()初始化ol.renderer.canvas.Layer，并调用了ol.renderer.canvas.Layer的prepareFrame()、composeFrame方法。文章目录导图一、ol.renderer.canvas.Layer二、ol.renderer.canva
高端客户·2020-08-15 16:40

openlayers源码阅读（六）：渲染从Map说起

openlayers源码阅读（六）：渲染从Map说起前面几篇主要是从地图服务的使用角度，去阅读了图层数据源相关的源码。
高端客户·2020-08-15 16:40
上一页 47 48 49 50 51 52 53 54 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他