OpenLayers地图api

OpenLayers加载高德地图（谷歌暂时访问不了，那就访问国内地图吧，速度更快）

OpenLayers加载高德地图varmap,layer,marker;varlayerOptions=null;functioninit(){//map=newOpenLayers.Map('map'
稻草人007007·2020-08-15 19:31

跟着实例学习OpenLayers（一）

1.accessible.htmlGotomaptabindex表示map默认获得焦点，可通过tap键进行切换。当map失去焦点时，可以通过点击“Gotomap”这个链接重新回到map，使map获得焦点2.animation.html利用view.animate设置动画效果，如从一个点移动到另一个点时onClick('pan-to-london',function(){view.animate({
xu_chenyang·2020-08-15 19:27

openlayers 交互过程中resolution的确定 小记

群里有个人问了个奇怪的问题，发现自己对resolution尚未理解透彻，先查看了一个例子，再查看源码https://openlayers.org/en/latest/examples/interaction-options.html
朕要睡了·2020-08-15 19:27

openlayers开发&绘制点、圆、多边形

这个例子是使用openlayers来绘制矢量点、圆、和polygon的。首先需要创建一个地图。如下的代码。注意这里接入的是osm地图，相应的设置地图飞至的中心点，缩放层级。
yGIS·2020-08-15 19:26

OpenLayers3添加ImageCanvas作为图层

ol3中的ImageCanvas天然就是为了让用户将Canvas画的图像添加到地图中作为图层。下面给出代码：添加一个Canvas图层varisFirst=true;//是否第一次加载该canvas图层varcanvasOption=newObject();//ImageCanvas有一个canvasFunction属性//通过查看源代码，发现该属性其实是一个回调函数，需要对该函数进行实现，从而创建
yizhi鬼·2020-08-15 19:54

OpenLayers3学习(二)--鼠标移动事件

在Web地图应用开发过程中，最常见的事件之一就是使用鼠标在地图上移动，这里我们利用(一)中的地图服务，在此基础上创建一个鼠标移动的事件，代码如下：TiledArcGISMapServer.map{width:1000px;height:700px;}varurl='http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/'+'Speci
yizhi鬼·2020-08-15 19:54

openlayers与echarts3的结合使用

OpenLayers是一个专为WebGIS客户端开发提供的JavaScript类库包，用于实现标准格式发布的地图数据访问，echarts是百度的开源js图表库，下面简单讲解下如何在openlayers的地图
续汉冕·2020-08-15 19:53

openlayers 2实现vector图层文字标注

图层绑定要素属性实现文字标注，注意是openlayers2不是3大概的思路是，继承OpenLayers.Layer.Vector，监听图层添加要素的事件，创建dom节点，添加到map的容器之中，同时地图放大缩小
LeeZhao·2020-08-15 19:22

OpenLayers-2.13.1 要素的4个事件绑定featureclick nofeatureclick featureover featureout

OpenLayers要素事件Example#result{height:60px;width:514px;font-size:smaller;overflow:auto;margin-top:5px;}
haiyaoyouyou·2020-08-15 19:22

OpenLayers2 源码解读 事件Event、Events

OpenLayers.Event就是一个工具类，封装了一些dom事件操作方法，兼容性及操作更好点，比如stop、preventDefault、observe注册事件等等重点是OpenLayers.Events
LeeZhao·2020-08-15 19:22

OpenLayers开篇： Hello OpenLayers

作为整个项目的一部分，要学习openlayers的基础知识，在此写下学习openlayers的基本思路，希望一起努力！
AbbottKilig·2020-08-15 19:21

Openlayers访问GeoServer发布的地图服务

利用OpenLayers访问Geoserver发布的地图服务。
AbbottKilig·2020-08-15 19:21

OpenLayers 3 介绍

OpenLayers3介绍OpenLayers3简称ol3，它是一个开源的WebGIS引擎，使用了JavaScript、最新的HTML5技术及CSS技术，支持dom，canvas和webgl三种渲染方式
沈荣荣·2020-08-15 19:50

openlaysers开发常见坐标定义说明

openlaysers开发常见坐标定义说明README1.BD092.GCJ023.EPSG:43264.EPSG:38575.自定义坐标（结合proj4）README最近在了解openlayers定义投影的一些机制
熠熠仔·2020-08-15 19:49

在OpenLayers中使用和百度地图一样的图标

商业地图中的图标在高德地图、百度地图看到的图标都是十分好看的图标，然而如果通过图片生成的图标和我们预想中的效果始终有点差距，本文的目的是通过SVG的方式生成一种和谷歌地图图标十分相似的效果。当然，除了可以直接设置png的文件url之外，也可以设置svg的文件url，但这并不是唯一的加载svg图标的方式。提供了直接使用图像对象来设置的方式，对应于ol.style.Icon构造函数中的img参数。实现
疯狂的三十哥·2020-08-15 19:17

iClient for OpenLayers求随机点的包围线（凸包）

iClientforOpenLayers求随机点的包围线（凸包）作者:yangjl就在上个星期，有两位客户小伙伴问我如何取得任意随机的最外围的极端点，并使矢量线将其包围。
supermapsupport·2020-08-15 19:38

Openlayers如何刷新过滤图层

使用Openlyers+Geoserver进行一个大量数据的展示，效率太低不能很好的的展示，也不适合于使用样式表按比例尺进行分层加载，于是研究一下如何通过代码刷新过滤图层，具体如下：1、使用mergeNewParams的方式，这种方式从Geoserver的例子中学来的，数据量不大时可以使用，数据量一大，基本就不能使用了：//先创建一个filter的数据结构varfilterParams={filt
sunsides·2020-08-15 19:35

openlayers中叠加图片bounds计算小工具

不知道大家有没有遇到在OpenlayersG地图中叠加图片显示的情况，这里发布一个我用来计算图片bounds的工具代码：转载请注明出处：tedeum.iteye.comhtml,body,#map{background
sunsides·2020-08-15 19:35

openlayers实现查询功能

Inserttitleherevarmap;functioninit(){varbounds=newOpenLayers.Bounds(87.60611724853516,20.03179359436035,126.64334106445312,45.741493225097656
summer7310·2020-08-15 19:34

OpenLayers 项目分析[转]（二）：源代码总体结构分析

通过前面的项目介绍，我们大概已经知道Openlayers是什么，能够做什么，有什么意义。接下来我们分析它怎么样，以及怎样实现的等问题。这个图是从它的文档上截取的，旨在从感官上认识一下O
suen·2020-08-15 19:02

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

OpenLayers学习笔记（一）—在线加载谷歌影像地图&离线加载本地瓦片地图实现根据在线离线判断加载地图，在线加载谷歌影响地图，离线加载本地瓦片地图作者：狐狸家的鱼Github：八至html代码tabindex
DebJane·2020-08-15 19:31

openlayers-放大、缩小级别

openlayers放大缩小级别问题需求在使用鼠标滚轮放大地图或缩小地图时层次感太强，想要一个缓慢的缩放流程。或者每次放大0.5倍。
staHuri·2020-08-15 19:28

openlayers-自定义瓦片

openlayers-自定义瓦片定义一个瓦片地址ol.source.TileImage.tileUrlFunction官方文档由此我们只需要重写这个ol.source.TileImage.tileUrlFunction
staHuri·2020-08-15 19:28

openlayers 删除上一个图形

起因近几日群里经常有人问如何删除一个绘制的图形(openlayers中)，顾有此文需求在openlayers中绘制图形，并且分为不同的样式删除上一个绘制的图形思路创建多个point—style构造一个列表存放当前绘制的本文只有三个图层
staHuri·2020-08-15 19:28

openlayers---加载离线谷歌地图

接下来就是使用openlayers加载地图了。我这里使用的jquery
sqcl00·2020-08-15 19:57

OpenLayers3加载离线百度地图(百度迁徙底图)

关于openlayers加载离线百度地图的东东好几年前就做过了，不过当时做的是2.0版本的。自从好久没有去做可视化分析之后，也很少接触这些前端的JS的东西了。
sparkexpert·2020-08-15 19:56

OpenLayer中的XML解析器,必须理解地

比较普遍的是用OpenLayers技术+GeoTools技术+Geoserver服务器+MySQL数据库（当然也可以是DB2等等。由于要收费,所以我会使用PostSQL/GIS数据库）。
sparkzwx·2020-08-15 19:25

Openlayers学习入门

Openlayers学习入门参考资料：http://weilin.me1.在同一个界面动态交换地图OpenLayers3地图示例地图1地图2//创建地图varmap1=newol.Map({controls
sjp8497697·2020-08-15 19:52

OpenLayers 在地图上画线，获取点坐标（以天地图为例）

应用场景：最近在开发过程中，有个需求，需要在天地图中画线，结束后获取对应的坐标集合，查阅OpenLayersAPI和网上的相关资料后得以实现，特此记录。
_修铁路的·2020-08-15 19:19

openlayers使用——ol地图上标注

因为近期在使用openlayers，记录下比较常见的地图标注的用法。下面是在地图上标注图片的方法。
sinahyy·2020-08-15 19:19

openlayers3—地图图层数据来源（ol.source）

ol.source.BingMaps,必应地图的数据；ol.source.Cluster,聚族矢量数据；ol.source.ImageCanvas,数据来源是一个canvas元素，其中数据是图片；ol.source.ImageMapGuide,Mapguide服务器提供的图片地图数据；ol.source.ImageStatic,提供单一的静态图片地图；ol.source.ImageVector,数
静静的路过·2020-08-15 19:48

openlayers 3 实现车辆轨迹回放

先上效果：利用openlayers3地图的postcompose事件监听地图的重绘注意：此代码是我在Vue的methods里面写的测试方法，并不能直接运行，请在理解的基础上测试。
带着天使反上帝 - Kaybee·2020-08-15 19:17

openlayers5之弹窗---POPUP

Overlay#marker{width:20px;height:20px;border:1pxsolid#088;border-radius:10px;background-color:#0FF;opacity:0.5;}#vienna{text-decoration:none;color:white;font-size:11pt;font-weight:bold;text-shadow:bla
花舞月咏潭·2020-08-15 19:16

openlayers5显示谷歌在线地图

.map{height:400px;width:100%;}OpenLayersexample加载谷歌地图window.onload=function(){vargoogleMapLayer=newol.layer.Tile
花舞月咏潭·2020-08-15 19:16

openlayers5加载点要素

.map{height:400px;width:100%;}OpenLayersexampleMyMapvarlabelCoords_org=[112.73,38.42];varlabelCoords=
花舞月咏潭·2020-08-15 19:16

openlayers5加载百度在线地图

body,#mainMap{border:0px;margin:0px;padding:0px;width:100%;height:100%;font-size:13px;}
花舞月咏潭·2020-08-15 19:16

OpenLayers 源码分析

介绍OpenLayers官网网址：http://www.openlayers.org/OpenLayers是由MetaCarta公司开发的，开源的，用于WebGIS客户端的JavaScript包，目前的最高版本是
狮子座明仔·2020-08-15 19:44

Geoserver+Openlayers3加载瓦片地图

本文将介绍如何使用Geoserver+Openlayers3加载瓦片地图。首先进行Geoserver上的配置。
shezili·2020-08-15 19:43

OpenLayers加载天地图方法——WMTS和XYZ

1、ol.layer.Tile及数据源类结构openlayers中，图层(layer)不可缺少的组成部分是数据源(source)，天地图是切片的数据服务，对应的图层是ol.layer.Tile，下图是其数据源对应的类结构图
顽劣的石头·2020-08-15 19:42

3.5.2 可选组件—— OpenLayers 的事件机制

3.5.2可选组件——OpenLayers的事件机制在OpenLayers框架中，OpenLayers.Events是唯一与组件事件处理相关的类。
sasyomaru·2020-08-15 19:39

openlayer地图导出指定范围图片文件

在gis系统中我们经常遇到将指定区域的地图导出为图片文件，在openlayer官网提供了导出样例https://openlayers.org/en/latest/examples/export-map.html
rookiepm·2020-08-15 19:06

openlayers加载自定义图层

一、加载图层layer，随地图缩放constimg=newImage();img.src={imgUrl};constmap=newol.Map({...});constsource=newol.source.ImageCanvas({canvasFunction:function(extent,resolution,pixelRatio,size,/*,projection*/){constca
remy0817·2020-08-15 19:33

openlayers开发中遇到的问题

最近做了一个web平台，其中有一个地图服务的模块，包含了一些常见的地图操作和轨迹功能，经讨论最终选择了openlayers4作为地图引擎，这里将开发过程中遇到的问题和解决方案贴出来供大家参考，小弟第一次写博客
remy0817·2020-08-15 19:33

vue + openlayers 实现省市区的描边界与区域填充 (后续)

{{item.features[0].properties.name}}.cityList{width:98%;text-align:center;border-collapse:separate;border-spacing:8px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;.item{pa
royal-·2020-08-15 19:28

openlayers 导出png格式

newol.layer.Tile({source:newol.source.OSM()}),newol.layer.Vector({source:newol.source.Vector({url:'https://openlayers.org
qq_45658025·2020-08-15 19:57

vue页面 单独引入外部cdn 或 地图api 方式

-->import{portData}from"../../services/mixins";//importAMapfrom'AMap';import{mixinsToast}from"@/services/mixins";importplatformApifrom'@/servicesApi/platformApi/platformApi'exportdefault{mixins:[mixin
折梦扳手·2020-08-15 19:57

openlayers 显示标记好的坐标点

openlayers显示标记好的坐标点今天由于特殊情况接触到这个新的javascript地图库，openlayers官网英文文档（脑袋疼）废话不多说开搞！
我是小卡车呀·2020-08-15 19:50

Openlayers记录（七）利用ol3进行缓冲区的空间相交分析

Openlayers记录（七）利用ol3进行缓冲区的空间相交分析1效果实现代码首先需要添加引用文件jsts.js,坐标问题阴影proj4.js：//空间分析varproj=newol.proj.Projection
无邪不斜·2020-08-15 19:45

openlayers判断点击的经纬度坐标是否在图层中

点击地图或者鼠标在地图上面滑动时所经过的坐标是否在否个图层上map.on('pointermove',function(e){isLocationArr=newArray();//转换为webmerctor投影vardestinationPro="EPSG:3857";//地理原始投影varsourcePro='EPSG:4326';varfeatureCoords=ol.proj.transfo
uNlanD·2020-08-15 19:45

Openlayers记录（二）热力图heatmap。

Openlayers记录（二）热力图heatmap。
无邪不斜·2020-08-15 19:44
上一页 39 40 41 42 43 44 45 46 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他