Openlayer 第21页

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可以很容易的调用地图，并做相应的操作。

weixin_30945039·2020-08-15 19:14

Openlayers2中聚类的动态实现

概述：前面的文章中，讲述了Arcgisforjs中聚类分析与展示，在本文，讲述如何在Openlayers2中聚类分析的实现。

weixin_30906701·2020-08-15 19:43

OpenLayers 3加载本地Google切片地图

OpenLayers提供了ol.source.XYZ接口用以加载切片地图。本地切片地图是用地图切片下载器下载的Google道路图层，由于软件未激活，所以每张切片地图上都有软件作者的联系方式，请忽略。

weixin_30906185·2020-08-15 19:43

openlayers4 入门开发系列结合 echarts4 实现散点图（附源码下载）

前言openlayers4官网的api文档介绍地址openlayers4api，里面详细的介绍openlayers4各个类的介绍，还有就是在线例子：openlayers4官网在线例子，这个也是学习openlayers4

weixin_30908649·2020-08-15 19:43

geoserver扫盲 openlayers相关

WMS:WebMapService（Web地图服务）l利用具有地理空间位置信息的数据制作地图。其中将地图定义为地理数据可视的表现。这个规范定义了三个操作：nGetCapabitities返回服务级元数据，它是对服务信息内容和要求参数的一种描述；nGetMap返回一个地图影像，其地理空间参考和大小参数是明确定义了的；nGetFeatureInfo（可选）返回显示在地图上的某些特殊要素的信息WFS:W

weixin_30872789·2020-08-15 19:11

OpenLayer学习之聚合标注和信息框弹出

首先感觉我做的这个Demo是真的烂，查资料都没有多少，自己摸索着做出来，虽然比较烂，但是毕竟是一种思路一、聚合图层的组成1、Vector的source，这里面主要放feature，这个source不是直接加载到Vector图层中的sourcefor(vari=0;i聚合和弹出.ol-popup{position:absolute;background-color:white;-webkit-fil

weixin_30872789·2020-08-15 19:11

OpenLayers自定义投影，转换OpenLayers中加载的OSM的默认投影坐标

Openlayers中应该只包含EPSG:3857和EPSG:4326，其中EPSG:3857更是作为默认的OSM底图的坐标。（这是根据官方文档以及查到资料，猜的。。

weixin_30865427·2020-08-15 19:10

GeoServer 发布带注记WMS服务，openlayer或leafleat等调用时，注记重复的问题

具体问题，如下图所示，区划面注记层出现重复解决方案：1.根据在样式中设置centrid属性，字段用空间字段根据实际情况，我用的是arcgis导入sqlserver数据，空间字段为SHAPE...SHAPEXJQYMC2.方式，寻找了其他一些方法，没有效果，等找到合适的再更新。更多GIS开发相关问题请加入GIS开发学习QQ交流群192251607共同交流学习！转载于:https://www.cnbl

weixin_30847865·2020-08-15 19:10

MS4W安装教程

简介欢迎使用MS4W，这是由GatewayGeomatics开发的快速简便的安装程序，用于为Windows及其附带应用程序（如Geomoose、MapBender、Openlayers等）设置MapServer

weixin_30843605·2020-08-15 19:10

Openlayers离线载入天地图

今天，我来说说怎样实现天地图的离线以及Openlayers载入离线数据实现天地图数据的展示。实现：1、获取天地图的数据能够通过网络上下载各大地图的工具将天地图的数据下载下来。

weixin_30847865·2020-08-15 19:10

OpenLayers 3 实现轨迹回放

functionPathBack(){varPVLayer=newol.layer.Vector({source:newol.source.Vector({})});varpointList=newArray();map.addLayer(PVLayer);$.ajax({type:"get",url:"images/zb.json",async:false,contentType:"applic

weixin_30847939·2020-08-15 19:10

openlayers3中如何叠加png图片

概述本文讲述如何在OL3中叠加展示PNG图片。实现思路在OL3中，可通过ImageStatic资源来添加展示一个PNG图片，代码如下：image=newol.layer.Image({source:newol.source.ImageStatic({url:"img/china2.png",imageExtent:extent})})在此过程中，需要注意PNG图片的四至，即最大/最小经纬度，例如图

weixin_30824277·2020-08-15 19:39

openlayers3中应用proj4js

要在openlayers3中应用proj4js，需要在html中引用proj4js，然后在引用所需要的projection的js定义，如http://epsg.io/21781-1753.js然后在openlayers

weixin_30810239·2020-08-15 19:38

Openlayers获取鼠标点击时的经纬度

在Openlayers点击事件中，常常需要获取当前点击点的经纬度，可以用此方法获取：map.events.register('click',map,function(e){varpixel=newOpenLayers.Pixel

weixin_30820151·2020-08-15 19:38

Openlayers3结合百度地图API实现定位与展示

概述：本文结合Openlayers3和百度地图API实现web上地图的展示，定位与展示功能，并可通过PC或者移动端访问。

weixin_30815469·2020-08-15 19:38

OpenLayer4加载svg

关于加载svg的代码，网上是少之又少，牛老师博客倒是有，但是只是核心代码，并没有给出完整的demo,而且核心代码中有个问题对于这个ol渲染不太理解的话的话应该做不出来效果，就是关于坐标转屏幕坐标的问题，必须需要地图渲染完成之后才能拿到否则没法转换，得出转换为空的结果。放个图：一、原理通过静态加载图片的方式加载svg，给定初始化范围，更重要的是给定imageSize，关于imageSize是通过给定

weixin_30781631·2020-08-15 19:07

Arcgis for js，Openlayers中加载GeoJSON

概述：在前文中，讲述了在JAVA环境下如何将shp转换为GeoJSON，在本文，分别讲述在Arcgisforjs，Openlayers2和Openlayers3中加载展示GeoJSON。

weixin_30767921·2020-08-15 19:07

openlayers加载百度地图

最近在做openlayers添加百度地图的扩展类，经过轮番的尝试，终于将其接入了，但是发现偏差比较大，有根据百度的坐标进行了比对，将切片原点进行了调整，发现OK了。

weixin_30758821·2020-08-15 19:06

Openlayers3加载天地图

概述：在前文中分别讲到了在Arcgisforjs、Openlayers2中去加载天地图，同时也讲到了天地图的离线加载方式。在本文，讲述在Openlayers3中实现在线/离线的天地图的加载。

weixin_30729609·2020-08-15 19:05

OpenLayers 添加OpenStreetMap(OSM)瓦片层示例

Thisarticlefrom:http://wiki.openstreetmap.org/wiki/OpenLayers_Simple_ExampleDeployanOpenStreetMapslippymaponmyownwebsiteThissimpleexamplemayhelpifyouareDeployingyourownSlippyMap.ThisDHTMLsnippitwillbr

weixin_30722589·2020-08-15 19:35

Openlayers中layer介绍

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

weixin_30725467·2020-08-15 19:35

openlayers编辑区域

html,body{width:100%;height:100%;margin:0;}.map{width:100%;height:100%;background:#f6f6f4;}$(function(){InitMap();AddPolygon();//编辑EditArea();})varmap;varlayer=newol.layer.Vector({source:newol.source.

weixin_30644369·2020-08-15 19:01

OpenLayers加载谷歌地图服务

谷歌地图的地址如下：谷歌交通地图地址：http://www.google.cn/maps/vt/pb=!1m4!1m3!1i{z}!2i{x}!3i{y}!2m3!1e0!2sm!3i380072576!3m8!2szh-CN!3scn!5e1105!12m4!1e68!2m2!1sset!2sRoadmap!4e0!5m1!1e0，平面图地址2：http://www.google.cn/maps

weixin_30640291·2020-08-15 19:30

openlayers地图显示点

html,body{width:100%;height:100%;margin:0;}.map{width:100%;height:100%;background:#f6f6f4;}$(function(){InitMap();AddPolygon();})varmap;varlayer;//地图初始化functionInitMap(){//初始化地图layer=newol.layer.Vecto

weixin_30607659·2020-08-15 19:29

openlayers方法总结

openlayers中的一些方法；OpenLayers.Layer：；initialize：创建层Div，注册事件；destroy：注销；clone：克隆当前层；setName：设置层name；addOptions

weixin_30593261·2020-08-15 19:58

Geoserver & Openlayers 学习笔记

Geoserver简介Geoserver是一个功能齐全，遵循OGC开放标准的开源WFS-T和WMS服务器。利用Geoserver可以把数据作为maps/images来发布(利用WMS来实现)也可以直接发布实际的数据(利用WFS来实现)，同时也提供了修改，删除和新增的功能(利用WFS-T)。GeoServer,顾名思义,是一个Server.它是开源的，允许用户查看和编辑地理数据。这是地理信息系统(G

weixin_30585437·2020-08-15 19:57

openLayers 3知识回顾

openlayers知识前段时间帮助同事重构一个地图类的项目，然后就学习了openLayer3这个框架，但是官网上没有中文版，也没有详细的例子解释，我只能遇到看不懂的就翻译成中文来用，为了方便以后再用这个

weixin_30555125·2020-08-15 19:57

OpenLayer学习之加载天地图

一、OpenLayers3中有一个对应的数据源（ol.source）类–ol.source.TileImage，但是天地图的切片方式和google地图的切片的方式一样，OpenLayer定义一个类专门门加载此类地图

weixin_30546933·2020-08-15 19:26

OpenLayers修改要素

controlToggle{padding-left:1em;}#controlToggleli{list-style:none;}varmap,vectors,controls;functioninit(){map=newOpenLayers.Map

自我修炼的小石头·2020-08-15 19:25

openlayers:给地图添加鼠标单击事件

也许你想做的第一件事就是对openlayers地图进行交互，让人困惑的是很难去找到一种快捷的方式去做。下面是一个例子如何去移动一个marker到一个点上当你鼠标点击地图的时候。

weixin_30527551·2020-08-15 19:25

openlayers一：显示地图与鼠标地理坐标

openlayers两个好用的开源JS互动地图库之一，另一个是leaflet。openlayers的特点是是大而全，自身包含绝大多数功能，文档好看。

weixin_30532973·2020-08-15 19:25

OpenLayers中地图缩放级别的设置方法

一、概述在OpenLayers中，地图必须具有一个缩放级别的范围，缩放级别可以用比例尺（scale）或者分辨率（resolution）表示。

weixin_30501857·2020-08-15 19:53

OpenLayers 3 入门教程

OpenLayers3入门教程摘要OpenLayers3对OpenLayers网络地图库进行了根本的重新设计。

weixin_30475039·2020-08-15 19:53

openlayers图层加标注

html,body{width:100%;height:100%;margin:0;}.map{width:100%;height:100%;background:#f6f6f4;}$(function(){InitMap();AddPolygon();})varmap;varlayer=newol.layer.Vector({source:newol.source.Vector(),style:

weixin_30467087·2020-08-15 19:22

OpenLayers 官网例子的中文详解

utm_source=tag-newest当你希望实现某种功能的时候，即使你对openlayers几乎一窍不通，照着官网的例子做，也可以很快的实现想要的效果。

weixin_30469895·2020-08-15 19:22

OpenLayers调用天地图在线服务

网上有篇http://blog.csdn.net/iwillsw/article/details/6069328是讲怎样用OpenLayers访问天地图的地图数据可是，天地图API的更新，使OL访问出现新的问题

weixin_30466953·2020-08-15 19:22

OpenLayers使用点要素作为标记

使用点要素作为标记functioninit(){varmap=newOpenLayers.Map("ch3_feature_markers");varlayer=newOpenLayers.Layer.OSM

weixin_30401605·2020-08-15 19:49

openlayers2渐变色渲染

效果代码openlayersmaphtml,body,#map{padding:0;margin:0;height:100%;width:100%;overflow:hidden;}varmap;vartiled

weixin_30379973·2020-08-15 19:49

openlayers4添加feature的bug记录

下图为openlayersv4.6.5中ol.Feature的说明，其中给出两种初始化feature的方式，示例和初始化函数中两种。

weixin_30410999·2020-08-15 19:49

OpenLayers 3 的地图基本操作

OpenLayers3的地图基本操作放大缩小移动到“武汉”复位varmap=newol.Map({target:'map',layer:[],view:newol.View({center:[12950000,4860000

weixin_30359021·2020-08-15 19:17

[原创.数据可视化系列之一]使用openlayers 3 显示聚合数据

使用openlayers3地图组件比较容易解决这个问题，关键是ol.source.Cluster对象，

weixin_30340775·2020-08-15 19:16

openlayers 画扇形

OpenLayers有一个类:OpenLayers.Geometry.Polygon.createRegularPolygon,查看源代码定义如下:/***APIMethod:createRegularPolygon

weixin_30338461·2020-08-15 19:16

Openlayers中Google地图的加载

概述：本文讲述如何在Openlayers中加载Google的切片。

weixin_30325793·2020-08-15 19:45

Why we have to use epsg:900913 in OpenLayers

reference：http://docs.openlayers.org/library/spherical_mercator.htmlepsg:900913isspicfytheSohericalMercatorwhichusedbygooglebingandsomeothercommercialmapAPI

weixin_30278237·2020-08-15 19:44

推荐频道

Openlayer