Category: openlayers

n n n OpenLayers是一个用于开发WebGIS客户端的JavaScript包。OpenLayers 支持的地图来源包括Google Maps、Yahoo、 Map、微软Virtual Earth 等，用户还可以用简单的图片地图作为背景图，与其他的图层在OpenLayers 中进行叠加，在这一方面OpenLayers提供了非常多的选择。

在Web地图应用开发过程中，最常见的事件之一就是使用鼠标在地图上移动，这里我们利用(一)中的地图服务，在此基础上创建一个鼠标移动的事件，代码如下：rnnn n Tiled ArcGIS MapServern n n n n n .mapn n width: 1000px;n height: 700px;n n n n n n

根据经纬度在地图上添加标记 n n n n n n n html, body width: 100%; height: 100%; margin: 0; padding: 0; n n n n var basePath = ‘198.165.26.54’;n var jsonStr='”M

html代码一map.html：rnn n n Map n n n n n n nrnrnhtml代码二test.html：rnnnnnload mapnn function init()n var subframe = document.getElementById(“subframe”);n subframe.contentWindow.initM

OpenLayers是一个开源的js框架，用于在您的浏览器中实现地图浏览的效果和基本的zoom，pan等功能。OpenLayers支持的地图来源 包括了WMS，GoogleMap，KaMap，MSVirtualEarth等等，您也可以用简单的图片作为源，在这一方面OPenLayers提供了 非常多的选择。       要使用OpenLayers，您可以到它的官方网站http://www.open…

在opanlayers4官方API已经有一个方法：intersectsCoordinate(coordinate)，用于判断一个点coordinate是否在闭合图形的内部，返回值为布尔类型的，true表示点在多边形的内部，false表示点不在多边形的内部。 n详细代码如下所示：nnnnvar geo = feature.getGeometry();//feture是几何元素nvar isIn = …

首先在vue中安装openlayes依赖，现在推荐使用ol，ol需要一个一个的引入，我嫌麻烦就直接用的openlayers，我把openlayrs定义为全局变量，下载完openlayers依赖包后，在main.js里面引入，nnimport ol from ‘openlayers;nn然后设置成全局属性nnVue.prototype.

使用Openlayers还是很容易实现的，代码如下： map.on(‘pointermove’,function(e) n var pixel=map.getEventPixel(e.originalEvent);n var feature=map.forEachFeatureAtPixel(pixel,fun…

OpenLayers 要素 事件 Examplen n n n #result n height: 60px;n width: 514px;n font-size: smaller;n overflow: auto;n margin-top: 5px;n n n n n Feat

参考代码：//拖动交互nfunction addMoveInteraction()n var app = ;n app.Drag = function() nn ol.interaction.Pointer.call(this, n handleDownEvent: app.Drag.prototype.handleDownEvent,n …

/** * 功能:删除选中的Feature,以免添加错误的Feature或删除修改错误的Feature * 使用:点击修改实体的button，使用键盘上的Dele键来删除 *///删除所添加的图形OpenLayers.Control.DeleteFeature = OpenLay

计划分析openlayers源码，待更新。。。

例一,给map类注册一个事件，查看文档有以下说明：rnRegister a listener for a particular event with the following syntaxrnmap.events.register(type, obj, listener);rnListeners will be called with a reference to an event object

由于使用了新地图瓦片，而改变了坐标系，使得定位有偏差，经过一系列的努力终于解决了这个问题。 问题出在了，坐标系范围和maxResolution系数上面。改为： maxResolution:156543.0339maxExtent: new OpenLayers.Bounds(-20037508.34, -20037508.34, 20037508.34, 20037508.

olnn

在做功能区图层全选多选时，正常图层的加载应该是2、3秒即可加载完毕，但是当选择某区域某类区时，竟然用了十几秒才加载出来，后来找出问题竟然是for循环中对json数据格式转换代码的问题，原代码是：nnnvar dataFeatures = msg.layernvar lilen = $(“#point_ul ul”).length;nclearlayerSource(pointLayer);ncle…

//mapnvar map = new ol.Map(…);n//获取图像nvar view = map.getView();n//获取一个经纬度的数组(两组数据)->[13417639.537659956, 3657508.94839583, 13434990.743080692, 3682503.8566450826]nvar arr = view.calculateExtent…

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

这是Openlayers3最新版本的API的访问地址：http://openlayers.org/en/latest/apidoc/nn这是Openlayers3历史版本的API的访问地址：http://openlayers.org/en/v3.19.1/apidoc/ol.html?stableonly=truenn备注：查看历史版本的API的时候，只需将最新版本API的访问地址的latest改…

ol.ViewnnnnIntroductionnnn ol.View 对象表示一个简单的地图2D视图。对改变地图的中心，分辨率和旋转起到作用。nnnnnThe View Statesnnol.View是由三个状态决定的；分别为center，resolution，rotation。每一个state都有相应的getter和setter方法。例如，center的getCenter和setCenter方…

原文地址：http://openlayers.org/en/v3.12.1/examples/attributions.htmlWhen the map gets too small because of a resize, the attribution will be collapsed. This is because the collapsible option is set to true

在调用自己发布的图层服务时注意在图层源属性中加入跨域。nnnew ol.layer.Image(n                   source: new ol.source.ImageArcGISRest(n                       ratio: 1,n                       params: ,n                       …

n       nvar dx = 3;n       nvar dy = 3;n       nvar px, py;n       nvar features = [];n       nvar strategy, clusters;;n       nfunction draw() n           nvar ic = “

点在线上的移动n基本思路就是先将这条线切割成很多的坐标，然后这个点沿着这些坐标前进n这个代码是直接从业务代码Copy下来的，但是稍作了修改，加上注解，便于参考时理解nnfunction MoveOnLine(start,end,jsonobj)nnvar x = [parseFloat(jsonobj.startx),parseFloat(jsonobj.starty)];nvar

1.地图（Map）：对应的类是ol.Map;2.视图(View)：对应的类是ol.View，控制地图显示的中心位置，范围，层级等;3.图层(Layer)：OpenLayers 3有多种多样用于不同业务的图层，每一种图层在实现上都对应于一个类，放在包ol.layer下面，之前已接触过的ol.layer.Tile就是其中的一种。OpenLayers 3允许多个layer重叠在一起，相互之间互不干扰，是…

直接使用ol4中的地图导出功能在我们的项目中可能会存在跨域问题，导致地图不能正常的转为二进制。rn解决方法：rn1 //自定义图层中添加crossOrigin，具体如下：rn        var tdtTerLayer = new ol.layer.Tile(rn            visible: true,rn            source: new ol.source.XYZ(

刚看到更新了 就去GitHub找更新的新版本，跟从前一样有三个压缩包。上个版本我就想问。这么些个压缩包，他们之间有什么必然的联系么？还是有什么不可告人的秘密关系？rnrnrn 第一个是 release版本，里面包含了源码，和Demo代码，比较大。后两个是源码，不含Demo。后面两个压缩方式格式不同，.zip格式用于windows，tar.gzrn 格式多用于 Unix/linux MacOS 系统

Gisn /common/css/style.css”>n n

这篇主要讲到基于openlayers3实现查询分析功能主要包括：属性查询，几何对象查询，位置关系查询这三类。n 开发环境：openlayers3 geoserver postgresql+postgisn1.属性查询 其实属性查询没有什么要讲的，就是对于图层要素的的基础属性进行查询（例如名称，地址等等）这些查询就是简单的利用ajax进行请求后台，然后写SQL查询语句即可。这里就不多赘述了

在OpenLayers 3中，默认使用的瓦片地图的坐标系是如何定义的？经分析可知，OpenLayers 3的瓦片坐标系的原点在左上角，向上为y轴正方向，向右为x轴正方向。具体到地图上来讲，地球经过投影，投影到一个平面上，平面最左边对应地球最西边，平面最…

热力图的权重与颜色的关系的例子，选中feature获取其权重值，还需进一步研究。nn n Earthquakes Heatmapn

方法： rn设置map的options，由其中两个因素决定：maxExtent－最大地图边界；rnmaxResolution－最大解析度。 rn当maxExtent设置为地图的最大边界后，maxResolution设置为auto，那地图就占满DIV。 var options = rn controls: [], rn maxExtent…

rn rn 1.Map类rn Openlayers中Map类承载着我们的地图，所有你想做的事情，如移动、缩放、添加图层，都必须在Map对象的基础上完成。rn 在Openlayers中controls和layer对象都是属于map对象的，如果进行地图操作，需要连接到map对象上，因此…

rnrnrn Insert title herern rn rn rn var map = null;rn function init()rn var options = rn controls:[new OpenLayers.Control.KeyboardDefaults…

在实际项目中，好多地图不需要从第0级开始缩放，因为第0级地图太小了，没有实际意 义。那么就需要设置从中间某个级别开始缩放。该如何做呢。由于openlayrs2中没有直接属性进行控制，也因此需要自己注册事件通过监听事件来控制地 图的最小缩放级别。对于openlayers3来说，直接通过view的属性进行控制即可。rnopenlayers中需要注册缩放事件来解决，在该事件中监听缩放后地图的级别，当地图