OpenLayers地图api

VUE获取百度地图及经纬度

一、申请秘钥先申请秘钥，然后在首页index.html的head引入下面的js代码：二、配置文件如果只是第一步，你调用百度地图api时，报错：Bmapisnotdefined，那么就配置webpack配置文件
浪子无悔1412·2020-08-15 20:00

openlayers入门：在瓦片图上加矢量及OverLay的使用

openlayers入门：在瓦片图上加矢量及OverLay的使用矢量三要素：关于OverLay的使用地图数据三类型矢量三要素：geometry：几何体包括点（Point），线（LineString），面
Warren_浩·2020-08-15 20:00

openlayers删除不了图层要素

最近在做项目时发现一个坑，当给图层加了一个交互功能ol.interaction.Select删除要素时，发现图层刷新后被选中的要素没有从地图上删除掉！震惊ing!!!最后才发现在清空图层（tool_poiVector.getSource().clear();）前，需要解除交互功能（mapHelper.map.removeInteraction(select);）functionbindSingle
鸽子fly·2020-08-15 20:54

Openlayers + Vue 疑难杂症（一）地图构建与容器监听

需求：使用vue+openlayers初步搭建一个webgis项目；解决问题：随着侧栏的拉伸/隐藏，地图容器的宽度会发生变化，从而会影响到地图侧边出现空白区域。
北冥有鲲跃龙门·2020-08-15 20:24

【Openlayers】追踪和轨迹的图标转向问题优化、地图最优视角展示一层数据。

1.说明：关于【Openlayers】V5.0.2单点追踪、实时监控、历史轨迹、地图绘制全代码实例的单点追踪和历史轨迹中车辆朝向的优化。主要原因还是没有仔细读API，文档中标识有。
arminc·2020-08-15 20:51

【Openlayers】V5.0.2 单点追踪、实时监控、历史轨迹、地图绘制全代码实例

1.说明：该实例是可以用到地图的常用功能，对付一般和类似的业务场景都绰绰有余，在图层的选择上还是建议选择天地图的在线地地图，选择4326--84坐标系，地图上没有偏差。所有的功能都在一个demo下展示了，就涉及到功能的切换时定时器的关闭和开启，一般情况下，这些功能都是在单独的页面的，所有demo中的定时器的关闭和开启，有需要的朋友可以看看。下面的效果只是部分gif展示，因为上传不了很大GIF动图。
arminc·2020-08-15 20:51

openlayers3 坐标转换（EPSG:4326 EPSG:2437 EPSG:3857）

openlayers3坐标转换坐标系坐标系转换坐标系//3857google//4326WGS-84：是国际标准，GPS坐标（GoogleEarth使用、或者GPS模块）//2437GCJ-02：中国坐标偏移标准
听风许诺·2020-08-15 20:08

Openlayers layer 切换底图

我的openLayers案例地址：http://cyclv.gitee.io/openlayers/主要记录一个地图切换layerletolGd=newTileLayer({source:newXYZ(
cyclv·2020-08-15 20:08

OpenLayers学习入门篇

刚把OpenLayers案例做出来，以下就是总结。
cyclv·2020-08-15 20:08

Openlayers利用kriging.js实现纯前端插值

关于空间插值这一块，也是GIS一个重要的分析。前端可以通过turf.js后端可以采用contour，如果仅有少量数据需要进行插值分析并进行展示，那应当如何做？可以采用turf.js但是turf.js插值效果是真的烂。通过检索发现可以通过kriging.js去做。kriging.js是基于canvas实现的在OL中可以通过imagecanvas来实现。一、关于kriging.js1、GitHub地址
hpugisers·2020-08-15 20:31

openlayers+vue：底图切换（天地图）

1、创建项目2、安装ol依赖npminstallol3、在index.html页面引入天地图切换影像底图切换街道底图切换地形底图importMapfrom'ol/Map'importViewfrom'ol/View'importTileLayerfrom'ol/layer/Tile'importOSMfrom'ol/source/OSM'importXYZfrom'ol/source/XYZ'im
锦岁·2020-08-15 20:58

openlayers+vue：画省市边界线

1、创建项目vueinitwebpackol_vue2、安装ol依赖包npminstallol3、引入axiosnpminstallaxios--save文件目录：src/main.jsimportVuefrom'vue'importrouterfrom'./router'importAppfrom'./App'importaxiosfrom"axios";//添加实例属性：不想污染全局作用域，在
锦岁·2020-08-15 20:58

openlayers学习一：创建瓦片地图

地图//创建地图类ol.Map，ol.Viewnewol.Map({//设置地图图层layers:[/*layers:[]数组用于定义地图中可用的图层列表,多个图层可以叠加，最上面的会覆盖下面的。主要有热度图层(heatmaplayer)、图片图层(imagelayer)、切片图层(tilelayer)和矢量图层(vectorlayer)*///创建一个使用OpenStreetMap地图源的瓦片图
锦岁·2020-08-15 20:58

openlayers常见实例

http://openlayers.org/en/master/examples/epsg-4326.html–标尺http://openlayers.org/en/master/examples/export-map.html
锦岁·2020-08-15 20:58

openlayers学习三：切换底图（天地图）

底图切换.map{height:400px;width:100%;}切换影像底图切换街道底图切换地形底图varmap=newol.Map({target:'map',layers:[newol.layer.Tile({source:newol.source.OSM()})],view:newol.View({center:ol.proj.fromLonLat([116.24,39.55]),//将
锦岁·2020-08-15 20:58

OpenLayers 3 调整双击绘制结束引起地图放大

OpenLayers3调整双击绘制结束引起地图放大前言原因解决方法根源上杜绝取巧劲儿常规操作附录字母和数字键的键码值表数字键盘上的键的键码值与功能键键码值表控制键键码值表前言就在昨天的验收讨论上，领导对地图工具中关于测距
对对对我是佩奇·2020-08-15 20:56

openlayers入门参考，包你学不会

openlayers进入5了，之前3，2都有写过。个人觉得把openlayer5和openlayer3区别比较大的是写法改变了，主体功能变化不大，有时间我们再细说。
panergongzi·2020-08-15 20:54

OpenLayers中栅格瓦片投影底图切换的实现

1.综述WebGIS中渲染地图时，要经常使用瓦片地图（tiledwebmap）。绝大多数瓦片地图使用的是EPSG:3857墨卡托投影，也有个别瓦片地图使用EPSG:4326投影。瓦片地图按比例尺从小到大划分，可分为22个级别（z）。每个级别中的所有瓦片都会拼接成一幅世界地图。当级别数为0的时候，一个瓦片囊括了整幅世界地图。级别数越大，能够显示的地理内容会更丰富。瓦片的横向索引（x）和纵向索引（y）
WSY开发联盟·2020-08-15 20:54

openlayers 5.0 加载arcgis server 切片服务

importMapfrom'ol/Map.js';importViewfrom'ol/View.js';importTilefrom'ol/layer/Tile.js';importTileArcGISRestfrom'ol/source/TileArcGISRest.js';varwebgissource={}varview=newView({center:[106.516,29.56],//中
Gis糖洋·2020-08-15 20:53

Openlayers 地图定位到相应位置并缩放

解决方案：1、可以有openlayers中可以有ol.View来控制，但是在更改时，会将地图初始化时设置的maxZoom，minZoom等覆盖掉，因此需要在设置新的view前，重新设置一次初始化时的值，
weixin_38170255·2020-08-15 20:22

Openlayers Overlay使用心得

Overlay在Openlayers里是浮动层的概念，区别于vector这样的图层，通常用于弹窗、撒点、以及解决加载icon样式不支持的gif等格式图片。
weixin_38170255·2020-08-15 20:22

OpenLayers 3 自定义坐标系

地图中坐标系是非常多的，最常用的是EPSG:3857（等于谷歌的900913，等于esri的102100）的web墨卡托投影和GPS的EPSG:4326的WGS84坐标系。业务场景中，很多时候并不是这些常用坐标系，比如要使用北京54，西安80等坐标系怎么办咧？本文仅仅抛砖引玉，介绍方法，阐述如何应用自定义坐标系。一定义坐标系每个坐标系都是有一个EPSG定义，本文准备以EPSG:3395举例。首先在
weixin_34397291·2020-08-15 20:17

通过OpenLayers3调用TileMapServer的栅格瓦片服务与失量瓦片服务

TileMapServer是一个高性能的Web地图服务器，可以非常方便快速的将己有的失量地图发布为Web地图服务。失量地图支持shp、tab、mif三种文件格式的导入,并可以支持栅格瓦片，失量瓦片及空间信息查询等常用的web地图服务。以下是调用TileMapServer的栅格瓦片服务js方法：varmap=newol.Map({layers:[newol.layer.Tile({source:ne
weixin_34406796·2020-08-15 20:17

Openlayers3 加载百度地图，天地图

2019独角兽企业重金招聘Python工程师标准>>>openlayers3加载百度地图：varprojection=ol.proj.get("EPSG:3857");varresolutions=[]
weixin_34405557·2020-08-15 20:17

Openlayers4中实现动态线效果

2019独角兽企业重金招聘Python工程师标准>>>概述：本文讲述如何结合canvas在Openlayers4中实现动态线的效果。
weixin_34405557·2020-08-15 20:17

openlayers根据坐标在地图上划区域

varstyles={'Polygon':[newol.style.Style({stroke:newol.style.Stroke({color:'#ff3100',lineDash:[0],width:1}),fill:newol.style.Fill({color:'rgba(0,0,255,0.1)'})})],};varstyleFunction=function(feature){co
weixin_34380948·2020-08-15 20:46

OpenLayers事件处理Event.js(七)

代码OpenLayers.Event={//事件cacheobservers:false,//空格KEY_BACKSPACE:8,//TABKEY_TAB:9,//回车KEY_RETURN:13,//ESCKEY_ESC
weixin_34357436·2020-08-15 20:45

OpenLayers坐标转换

OpenLayers的Map默认使用的地理坐标系统（EPSG:4326），如果我们采用其他投影时，就需要进行投影转换，以使用正确的投影方式。
zzm_·2020-08-15 20:45

Openlayers 3加载XYZ示例

Openlayers3中有个ol.source.XYZ类，可以加载Tile瓦片图层，本文只是做个说明，介绍如何识别以及如何正确加载这些图层。
weixin_34292287·2020-08-15 20:12

openlayers3中Overlay用法

Overlay从名字看，是覆盖图、覆盖物的意思，主要的用途就是在地图之上再覆盖一层，用以显示额外的可见元素，可见元素一般是HTML元素，利用overlay，可以将可见元素放置到地图的任意位置，形成地图上再浮动一层的效果。例如在地图上相应的坐标放置一个标志，标签，利用overlay都可以做到，具体来说，点击地图上某位置，在点击位置弹出弹出框就是利用了overlay。初始化属性overlay初始化时可
weixin_34281537·2020-08-15 20:41

OpenLayers 官网例子的中文详解

当你希望实现某种功能的时候，即使你对openlayers几乎一窍不通，照着官网的例子做，也可以很快的实现想要的效果。问题在于，官网的例子都是英文啊，不能很快定位到想要的效果是在哪个例子里面！！
weixin_34258078·2020-08-15 20:40

OpenLayers调用ArcGIS Server发布的WFS服务

OpenLayers调用ArcGISServer发布的WFS服务原创:蔡建良2013-08-20一．开发环境1)Openlayers2.13+arcgisserver9.32)WFS地图空间参考EPSG
weixin_34185364·2020-08-15 20:36

读书笔记(2) OpenLayers中的图层

OpenLayers有多个不同的图层类，每一个都可以连接到不同的地图服务器。例如通过Layer.WMS类可以连接到WMS地图服务器，通过Layer.Google类可以连接到谷歌地图服务器。
weixin_34168700·2020-08-15 20:05

OpenLayers 比较有用的对象和属性

1.ol.interaction.Pointer是管理地图down、move、up事件的基类，也用于管理地图拖拽事件。构造函数结构如下：newol.interaction.Pointer(opt_options)options包括的属性有：handleDownEvent：处理地图的down事件。如果该事件返回true，drag队列开始执行。handleDragEvent：处理地图的drag事件。当
weixin_33995481·2020-08-15 20:59

openlayers入门开发系列之地图标绘篇

本篇的重点内容是利用openlayers实现地图标绘功能，效果图如下：实现思路：标绘界面设计以及标绘面板控制自由线折线弧线曲线手绘多边形矩形圆形直角简单燕尾集结地//标绘例varplotFlag=false
weixin_33946020·2020-08-15 20:27

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

參照别人的加入marker的demo来改造时。发现不管如何更改经纬度，都是停留在同一个位置。过了一两天突然想起可能是坐标參考的问题。尝试搜了一下。果然是这个问题。问题是这样子的：WMTS中地图的坐标參考系是102100（详细是哪个不清楚）。例如以下图所看到的：而我在初始化地图时设置的參数例如以下图所看到的：projection属性设置的是‘EPSG：102100’，displayProjectio
weixin_33897722·2020-08-15 20:54

openlayers5实战--踩坑总结

1.接口返回圆心坐标和半径，直接通过newCircle(center,radius)添加圆形feature变小问题。解决办法：newFeature()的geometry参数不能直接赋值newCircel()得到的geometry，要通过‘ol/geom/Polygon.js’中的fromCircle方法将newCircel()得到的geometry转化一遍然后赋值给newFeature()的geo
weixin_33872566·2020-08-15 20:23

百度瓦片地图URL和图片关系示例

2019独角兽企业重金招聘Python工程师标准>>>//百度地图API功能vartileLayer=newBMap.TileLayer();tileLayer.getTilesUrl=function
weixin_33850890·2020-08-15 20:22

openlayers限制地图拖动区域

现在做webgis基本都会用到openlayers或者leaflet。那么在显示地图的时候，特别是显示小区域地图的时候，由于地图区域较小，就会存在把地图拖动到显示区域之外的现象。
weixin_33827965·2020-08-15 20:52

OpenLayers调用arcgis server发布的地图服务

有两种方式可以调用arcgisserver发布的地图服务，一种是rest，一种是wms。地图的投影为900913，arcgisserver为10.0版本，地图服务的空间参考为3857。与GoogleMap相对应的ArcGis投影文件:众所周知，GoogleMap的投影参考为"WGS84Web墨卡托",定义为EPSG:900913或者EPSG:3857(EPSG:3785)。与此相对应的ArcGis
weixin_33797791·2020-08-15 20:51

openlayers 3监听地图分辨率变化事件

1map.getView().on('change:resolution',checkZoom);//checkZoom为调用的函数23functioncheckZoom(){4//alert("1");5//varchildId;6console.log(map.getView().getZoom());7if(map.getView().getZoom()==11){8//console.lo
DragonWar%·2020-08-15 20:19

Openlayers系列（一）关于地图投影相关错误的解决方案

于是笔者便打算向数据库中存储一部分瓦片数据，写一个简单的存取服务器，使用Openlayers客户端加载瓦片进行展示。本来是个挺简单的功能，可是谁曾想，“打了一辈子鹰，却被鹰啄瞎了眼”。
weixin_33739646·2020-08-15 20:18

openlayers4加载tippecanoe矢量切片

2019独角兽企业重金招聘Python工程师标准>>>由于tippecanoe切片出来的格式mvt格式所以，加载的时候，需要使用如下方法加载：前端调用，关键是数据源source的构造，下面是mvt格式的调用格式：varsource=newol.source.VectorTile({format:newol.format.MVT({maxzoom:22}),url:'pbf_tile/{z}/{x}
weixin_33737134·2020-08-15 20:18

openlayers中利用vector实现marker的方式

openlayers，geoserver，postgres组合是比较好的选择。openlayers的marker层好像不支持拖动操作。
weixin_33690963·2020-08-15 19:15

openlayers中设置地图缩放级别

对于openlayers3来说，直接通过view的属性进行控制即可。openlayers中需要注册缩放事件来解决，在该事件中监听缩放后地图的级别，当地图级别小于
weixin_33671935·2020-08-15 19:15

openlayers2 wfs方式加载矢量图层

mapUrl,parkingLayerName,onComplete){//获取地图对象varmap=****.getMap();//矢量图层默认状态下的stylevardefaultStyle=newOpenLayers.Style
weixin_33691700·2020-08-15 19:15

调用天地图API实现关键词搜索

概述：本文讲述结合天地图jsAPI，实现Openlayers中关键词的搜索与展示。
weixin_30955341·2020-08-15 19:14

geoserver去除重复注记

上文openlayers4调用geoserver发布的wms服务方法提到openlayers加载geoserver发布的wms服务有两种方式，其中以切片的方式加载，需要在geoserver中设置注记的问题
weixin_30951743·2020-08-15 19:14

OpenLayers加载天地图

openlayer是基于JavaScript的webGIS库，通过openlayer可以很容易的调用地图，并做相应的操作。在head中载入openlayer的js文件：body部分只需添加：script代码如下：window.onload=function(){varview=newol.View({projection:ol.proj.get("EPSG:4326"),zoom:6,//初始化地
weixin_30945039·2020-08-15 19:14

百度地图：新的瓦片生成工具来了

本来网上有这样的瓦片生成工具，参见酸奶小妹的博文《【百度地图API】如何制作一张魔兽地图！！
weixin_30914981·2020-08-15 19:43
上一页 36 37 38 39 40 41 42 43 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他