OpenLayers地图api

天地图API及服务接口调用418错误

天地图API及服务接口调用418错误几个月前写的天地图API调用，今天发布一下竟然返回“418，抱歉，您的请求被拦截，因为您的请求疑似攻击行为！”
BroJing·2020-08-15 18:24

Openlayers 3 绘制过程中坐标系统转换方法示例 (EPSG4326到 3857)

Openlayers3ReprojectEPSG:4326vectortoEPSG:3857关键点:dataProject源的投影坐标系,featureProjection目的投影坐标系示例中待绘制数据的投影坐标系为
山___·2020-08-15 18:47

OpenLayers

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

Openlayers6 Examples学习笔记（10）

文章目录WFS-GetFeature（获取要素，查询过滤）WMSGetLegendGraphic（获取图例）WMS512x256TilesSingleImageWMSWMTS（加载WMTS图层）WMSTime（时间动态更新数据）重点TiledWMSWrapping（WMS瓦片包裹）WMSwithoutProjection（加载未知投影WMS数据）WMTSTileTransitionsWMTSLay
何去何从2857·2020-08-15 18:41

Openlayers6 Examples学习笔记（8）

文章目录SelectFeatures（选中要素）ScaleLine（比例尺控件）SelectFeaturesbyHover（鼠标悬浮高亮选中要素）StaticImage（加载静态图片）SnapInteraction（捕捉交互集成）StamenTiles（Stamen瓦片地图）SyntheticLines（合成线）StreetLabels（路线标注-沿路径轨迹）TeleportingMaps（传送地
何去何从2857·2020-08-15 18:41

Openlayers6 Examples学习笔记（5）

文章目录ViewAnimation（视图动画）GPXDataMapGraticule（地图网格）EarthquakesHeatmap（地震震级热力图）HitToleranceIconColors（自定义图片颜色）VectorLayerHitDetection（矢量图层高亮）IconSymbolizer（图标符号）VectorImageLayer（图层高亮）GeoJSON（加载GeoJSON数据）J
何去何从2857·2020-08-15 18:41

Openlayers6 Examples学习笔记（6）

文章目录InteractionOptions（互动选项）LimitedLayerExtent（限制图层范围）LayerSpy（地图探查）LayerSwipe（卷帘地图）LayerZoomLimits（图层缩放限制）LocalizedOpenStreetMap（本地化的OSM）LayerZ-Index（图层的Z-Index）LineStringArrows（绘制带有箭头的线）Mapbox-glLay
何去何从2857·2020-08-15 18:41

Openlayers6 Examples学习笔记（3）

文章目录EPSG:4326GeographicEditing（地理要素编辑）CustomInteractionsEarthquakeClustersEPSG:4326创建单位为度的比例尺将视图的坐标系统设置为EPSG:4326（默认是EPSG:3857——Web墨卡托投影）import'ol/ol.css';importMapfrom'ol/Map';importViewfrom'ol/View'
何去何从2857·2020-08-15 18:41

Openlayers6 Examples学习笔记（2）

文章目录TiledArcGISMapServerCanvasTiles（地图网格）DrawandModifyFeaturesDynamicDataEarthquakeswithcustomsymbolsDrawShapes（绘制不同形状的几何图形）TiledArcGISMapServer笔记：加载ArcGISServer发布的瓦片服务import'ol/ol.css';importMapfrom'
何去何从2857·2020-08-15 18:40

Openlayers6 Examples学习笔记（1）

文章目录BingMapsImageArcGISMapServerAttributionsClusteredFeaturesSmoothinglinesusingChaikinsalgorithmDrag-and-DropImageVectorBingMaps笔记：通过Map实例的layers属性，一次性加载多个图层，默认设为visible为false通过TileLayer实例的setVisible
何去何从2857·2020-08-15 18:40

OpenLayers 投影的概念

投影，地球大家都知道不是正圆形的球体，他是一个不规则的椭圆体，所以如果我们把把展开在桌面上，发现地图都会和实际有出入。所以人们发明了各种各样的方式来缩小失真的程度，这种方式就是投影那到底该如何选择投影呢主要要考虑这三种情况面积，距离，形状。我们要根据自身的需求，来使用投影。因为我们的浏览地图的绝大部分需求是，量算面积和距离，和观察某个地区在哪，这就要我们能正确的区分每个图形代表的区域。什么是球面墨
hi_kevin·2020-08-15 18:10

openLayers6系列理论基础——Map篇

openLayers6系列理论基础——Map篇最近开源GIS这块尝试的比较多，leaflet、ol等都接触了一下，主要是因为项目中有需求，想了解下这些开源的GIS到底哪些好用。
小湾生产队队长·2020-08-15 18:08

openLayers6系列理论基础——Layer数据源source篇

openLayers6系列理论基础——Layer数据源source篇source是Layer重要组成部分，表示的图层的来源，指定了数据的服务地址。
小湾生产队队长·2020-08-15 18:37

openLayers6系列理论基础——Layer篇

openLayers6系列理论基础——Layer篇一、Layer介绍Layer是Map的核心组成部分，ol定义了四种基本的图层类型，分别是分别是Tile（瓦片）、Image（图片）、Vector（矢量）
小湾生产队队长·2020-08-15 18:37

OpenLayers 加载静态图片

.map{height:98%;width:100%;}OpenLayersexamplevarextent=[0,0,418,600];varprojection=newol.proj.Projection
EastWind2017·2020-08-15 18:04

Openlayers点闪烁扩散效果

点闪烁样式：DOM的样式实现/**橙色点扩散闪烁样式*/.point_animation{background:#ff9900;width:6px;height:6px;border:2px#ff9900solid;border-radius:50%;position:absolute;}.point_animationp,.point_animationspan{position:absolut
gw依旧爱学习·2020-08-15 18:02

openlayer3 实现鼠标框选，以及聚合功能

出行量(自定义区域)/js/map/openlayers/ol.css"rel="stylesheet"/>/css/gis/main-gis.css"rel="stylesheet"/>/css/gis
guoyuchuan123·2020-08-15 18:32

Openlayers 实现轨迹播放/暂停/重新播放/从点击处播放

说明：我的需求是需要实现轨迹播放/暂停/重新播放/从点击处播放，因此封装了一个类解决方案：1、初始化：主要是处理一下图层以及数据，通过插值构造一个全局数组/***@description初始化轨迹*/(functioninit(){//地图容器that._map=_map;//轨迹线图层that._animationLineLayer=animationLineLayer;//轨迹点图层that.
guzicheng1990·2020-08-15 18:32

OpenLayers5在EPSG:4326投影坐标系下测量长度和面积

ol/sphere里有getLength()和getArea()可以用来测量距离和区域面积，默认的投影坐标系是EPSG:3857,其中有个options的参数，可以设置投影坐标系。使用时,可以先把几何图形转换成‘EPSG:3857’的投影方式，然后再使用getLength和getArea。也可以设置options参数，下面是代码：//地图使用的是EPSG:4326投影坐标系/***格式化长度输出*
鬼马行天·2020-08-15 18:00

矢量切片(Vector tile)

矢量切片(Vectortile)说明：本月的主要工作都是围绕制作矢量切片这一个核心问题进行的，所以2月的主题就以这个问题为主，目前分支出来的一些内容主要包括了TMS(Tilemapservice)，OpenLayers3
豆破苍琼·2020-08-15 18:26

快速入手openlayers-基本概念理解

Mapopenlayers最核心的是ol.Map。它被呈现到对象target容器中。
豆破苍琼·2020-08-15 18:26

OpenLayers5加载GeoServer WMS、WMTS服务

软件版本OpenLayers5.3.3GeoServer2.16.0关于GeoServer如何发布WMS、WMTS服务请参考上一篇文章GeoServer数据服务发布及切片。
giscoder·2020-08-15 18:54

openlayers 实现鼠标移动要矢量要素上高亮显示

一、鼠标移动到矢量要素上实现高亮显示的思路（1）建立一个高亮的图层，鼠标移动获取的数据添加到高亮图层上边，鼠标移除，将改要素从高亮图层中删除，这种方式会影响点击事件，点击获取的永远是高亮图层要素，要是地图当前只有一个图层有点击事件影响不是很大，但是多个图层存在点击事件会受到影响，需要建立多个高亮图层进行分类显示属性信息。（2）利用js的浅拷贝特性进行数据存储，鼠标移动获取的要素赋值给一个变量，并且
gis_SSS·2020-08-15 18:54

OpenLayers 3实践与原理探究4.4-ol3源码分析-render

网上有人(OpenLayers3源码那些事)总结一张图的不错，这里拿来用一下0.从map.
TechFE·2020-08-15 18:53

OpenLayers 3实践与原理探究4.1-ol3源码分析-底层基础

因为下面的内容会分模块介绍源码，所以这里为了方便，首先介绍源码的目录结构在OpenLayers3官网的下载页面下载我们在开发工程中需要的文件(如：v3.17.1.zip)，注意如果需要编译源代码，需要下载包含编译功能的文件包
TechFE·2020-08-15 18:21

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设置地图的默认鼠标手势和拖拽鼠标手势

openlayers4是3的自然升级。openlayers4中默认的地图鼠标手势都是箭头。如果需要设置为像百度、高德之类的鼠标手势，需要自行定制。设置方法很简单，完全通过控制css就可以了。
fredricen·2020-08-15 18:17

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，增加后展示点，点上面有序号。3，修改时，当选中一条记录的时候需要地图上面的点高亮，这个时候可拖动位置，修改表单数据，修改后保存。4，删除也是选中一条记录，记录删除地图点删除。
dingqing4356·2020-08-15 18:05

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

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

1.配置开发环境使用OpenLayers3开发WebGIS应用，我们首先需要配置开发环境，首先我们需要在openlayers官网获取OpenLayers3的开发库。下载链接：官网。
jiegsier·2020-08-15 18:19
上一页 43 44 45 46 47 48 49 50 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他