Category: 二次开发

openlayer 测量

测量nnnn可以对地图进行操作,用户手动选择几个点,侧面积和测长度nn该getLength()和getArea()功能计算几何球形长度和面积。通过假设几何坐标之间的大圆段来计算长度。计算面积,就好像多边形的边是大圆段一样。nn请注意,geometry.getLength()和geometry.getArea()方法返回投影(平面)几何的度量。这些可能与某些情况下的实地测量非常不同 – 例如在使用W…

OpenLayers的使用

找个好工作,好难,回学校好好学习,明年实习吧!nnn  n         基本函数nnn1.    初始话一个MAP对象nnVarmap=new OpenLayers.Map(param1, param2 );参数一指示用于显示地图的HTML页面中元素的ID;参数二是一个JSON数据对象,包含一组键值对;nn2.    创建一个WMS的图层对象nnVarwms=new

openlayer2.X通过WMTS服务加载ArcGIS服务

ArcGIS10.1开始的Server版本切片服务可以支持WMTS服务,服务切片后自动支持WMTS服务,那么如何在一些开源客户端中使用WMTS服务,例如openlayer;首先要说的是openlayer2.X版本和ol3版本略有不同。rn在使用之前首先要获取WMTS的描述文件,在切片后的server服务中通过如下方式获取rnrnrn获取后可以通过如下代码添加WMTS服务,需要之一的是对于地理200

OpenLayer4实现卷帘效果

一、用途:卷帘效果在多个图层叠加的时候会用到。但是还想两个图层相互切换或者两个图层在一块,这个时候就用到卷帘效果,我们可以把这个卷帘做成一个label可以来回拖动,这样既可以达到控制效果,也很美观。nn先来张效果图:nnnn二、全部源码nnnnn

n 地图卷帘效果

openlayers获取一个图形的中心区域

在项目中需要做到点击一个市下面的不同区县,然后定位到该区县的中心位置,已知每个区县的多边形边界,从opanlayers API上找到方法ol.extent.getCenter()貌似可以解决这个问题,具体代码如下所示:nvar extent = ol.extent.boundingExtent(feature.getGeometry().getCoordinates()[0]); //获取一个坐标…

Leaflet API 翻译(一)

L.MaprnrnAPI各种类中的核心部分,用来在页面中创建地图并操纵地图。rnrnrnConstructor(构造器)rnrn通过div元素和带有地图选项的描述的文字对象来实例化一个地图对象,其中文字对象是可选的。rnrnOptions(选项)rnrnMap State Options(地图状态选项)rnrnrncentre(中心):初始化地图的地理中心。rnrnzoom(缩放):初始化地图的缩

R语言在线地图神器:Leaflet for R包(五) GeoJson文件的使用

七、使用GeoJson和TopoJson绘制地图: GeoJSON是一种对各种地理数据结构进行编码的格式,基于Javascript对象表示法的地理空间信息数据交换格式。GeoJSON对象可以表示几何、特征或者特征集合。GeoJSON支持下面几何类型:点、线、面、多点、多线、多面和几何集合。GeoJSON里的特征包含一个几何对象和其他属性,特征集合表示一系列特征。——百度百科 因为json天然的ht…

Bug笔记:Google Map第一次缩放位置偏移

这是个让人蛋疼的bug,认真查看Google maps API文档的童鞋们一定不会碰到。rnrn我的同事为项目写了个针对map这块的jQuery plugin,然后在项目测试中发现,刚加载完页面时,直接点击map上toolbar的zoom in/out按钮或者用鼠标滚轮对地图进行放大缩小时,位置不知道偏到哪个黑暗的小角落去了。我看了丫代码半天,没发现啥问题,感觉问题是出在center的值不对,可是

Leaflet 笔记一:简单入门

n n n Leaflet 笔记一:简单入门nnLeaflet可以说在我的博客当中应该出现了很多次,它首先是空间数据可视化的“佼佼者”,也是Mapbox.js的“父亲”。不同的是,Mapbox是个发展快速的商业公司,有些服务是需要看访问量收费的,而Leaflet是免费开源的组织,开放,开源,生态好,插件多。

js插件 leaflet插件库

id=25nnnn推荐一个很强大的js插件库leaflet;里面包含了很多地图类插件;热图,轨迹,画图等等nn    nnnnnvar mymap = L.map(‘holder’, n     crs: L.CRS.Simple,n n     zoomSnap:0.5,n     dragging:

利用OpenLayers3在地图上显示标记并点击标记后显示弹出框

前言nn在上一篇《利用全能电子地图下载器+GeoWebCache发布Arcgis Server缓存瓦片过程全记录》中,我们利用GeoWebCache作为瓦片地图服务器发布了瓦片地图。虽然在其中可以直接浏览,但是在GeoWebCache1.10.0中,官方内置的是OpenLayers2的版本,这个版本比较老旧,不能很好的适应诸如触屏设备等应用环境。所以,我想利用OpenLayers2的升级版Open…

OpenLayers3+OpenStreetMap初探

首先到http://www.openlayers.org/下载OpenLayers,我下的版本是v3.4n网上很多中文教程基本都是2的,3的比较少,只能慢慢摸索,而且我是个web、js小白。n最开始接触肯定要从它的quikstart开始,打开doc下的quickstart.html,下面是它给的事例,直接复制到html里就可以运行,.js是直接连到网站的

如何在 OpenLayers 中调用中间件发布的WGS84卫星影像

一、概述rnrnrn《水经注地图发布服务中间件》发布的谷歌卫星影像瓦片数据支持在OpenLayers中调用,这里以“杭州市”谷歌卫星地图作为调用示例,旨在说明如何在OpenLayers中调用中间件发布的卫星影像。rnrnrnrnrn二、如何下载杭州市谷歌卫星地图rnrn在万能地图下载器中,选择地图类型为“谷歌地球”,数据类型为“卫星”地图,如下图所示。