Category: openlayers

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

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

一、概述nn在OpenLayers中,地图必须具有一个缩放级别的范围,缩放级别可以用比例尺(scale)或者分辨率(resolution)表示。n比例尺——屏幕上1米代表多少地图坐标单位;分辨率——屏幕上一个像素代表多少地图坐标单位。

Openlayers3事件体系详解

熟悉前端的肯定知道 JavaScript 的事件机制,openlayers 既然是 javascriptrn 实现的,那么它就也不例外,也遵循 W3C 的标准,只不过是 openlayers 进行的简化实现。rnrn文章首先讲解 openlayers 的事件结构实现,然后结合“切片WMS数据源”(ol.source.TileWMS)对象的事件机制进行实例分析。r

oplenlayers 与 Vue 结合,实现添加任意内容到地图指定位置,并跟随放大级别缩放

先上效果:nnnn可以在地图的指定位置(坐标)上放任何 html 标签,并实现跟随地图放大级别缩放nn下面是地图放大级别特别大的时候的效果:nnnn下面是放大级别特别小的时候的效果(可以设置成不显示):nnnn原理和说明nn放置任意 Html,这里毫无疑问是使用的 ol.Overlay 这个类。但是问题是,在 ol 封装好的 ol.Overlay 类中,显示的内容是无法跟随地图的级别缩放的,而可以…

openlayers3画线画点

openlayers3画线画点

一、画点 n(1)单个点 n//1.创建Featrue,设置geometry属性 n var saoguan = new ol.Feature( n geometry:new ol.geom.Point(ol.proj.fromLonLat([arrx,arry])) n ); n//2.设置此点的样式 n saoguan.s

QGIS和其插件的使用

用惯了ArcGIS,突然之间被告知某个插件只能用QGIS打开,没办法用起了QGIS,然而没想到的事,QGIS还真的挺不错。而且QGIS对OSM的操作非常好,不仅有直接下载OSM地图的插件,而且可以直接打开从OSM下载的地图nn1.首先,安装只有400M,而且由32和64位之分,内置2.7和3.6两种版本python,开源免费。从这一点看,比ArcGIS就好不少。nn2.可以匹配很多数据库,相较于A…

openlayers 根据经纬度转换为屏幕坐标

openlayers 根据经纬度转换为屏幕坐标

如下,rncenterLon ,centerLat  为获取到的经纬度;rndx ,dy为该点相对于地图左上角的像素差rntmap.div.offsets[0],tmap.div.offsets[1] 为地图左上角的屏幕坐标。rnrnPosX, PosY 为该经纬度的屏幕坐标。rnIE,360,firefox,google浏览器测试通过。rnrnrnrnvar feature = e.featur

OpenLayers3入门篇-右键事件的绑定

OpenLayers3入门篇-右键事件的绑定

在对OpenLayers3的事件操作中,可以发现event对象是比较重要的,里面包含了促发事件的对象,但是由于在OpenLayers3当中没有单独的右键事件,因此在绑定右键事件的时候,采用的方式是先用jquery的方式产生一个右键事件,再在右键事件中绑定一个选中事件,这样就得到产生右键事件的对象了接着可以对这个对象进行操作。n$(map.getViewport()).on(“contextmen

OpenLayers3添加ImageCanvas作为图层

OpenLayers3添加ImageCanvas作为图层

ol3中的ImageCanvas天然就是为了让用户将Canvas画的图像添加到地图中作为图层。rn下面给出代码:rnnn n n 添加一个Canvas图层n n n n n n n var isFirst=true;//是否第一次加载该canvas图层n var canvasOption=new Object();n //ImageCanvas有一个canvasFu

OpenLayers根据两点连线

根据经度纬度连线n n n n n n n /*n OpenLayers.Feature.Vector构造方法有三个参数:geometry、attributes、style。n geometry:此功能表示的几何图形。n OpenLayers.Geometry.fromWKT:给定一个给定的文本字符串的几何结构。它的参数为String,一个表示已知文本的几

基于OpenLayers3的标绘API 开源啦

基于OpenLayers3的标绘API 开源啦

考虑到使用标绘的场景越来越多,已将基于OpenLayers3开发的标绘API开源。感兴趣的同学可通过地址 http://git.oschina.net/ilocation/plot fork源代码。欢迎感兴趣的同学贡献代码。

Openlayers之投影转换

1、投影转换n所谓投影转换,就是将具有某种投影坐标系的地图转换到另一种投影坐标系上显示,一般可以将具有某种平面投影坐标系的地图转换到某种球面坐标系上,也可以将具有某种球面坐标系的地图转换到平面坐标系下;n2、代码实现nnnnn n n n n n body,html,divn border:none;padding:0;ma

OpenLayers 3 之 实时追踪轨迹-获取最后添加的要素

问题描述      有时,往往有这样的需求:每隔一段时间查询一个物体的位置,然后将这个位置绘制在地图上,中间的点用普通的样式标识,当前位置(也就是最新的点位置)使用一个特殊的样式。我们可以这样实现,查询到一个新位置,将改点添加到地图上的同时,赋予其特殊的样式,当再查询到有新的位置时,获取最后添加的要素,删除其特殊样式,然后添加新的要素点位置。那么,问题来了:怎么获取最后添加的要素呢?

openlayers中比例尺的计算原理

openlayers中比例尺的计算原理

3、点分辨率rn4 屏幕初始化:中心点 、空间分辨率rn5 屏幕上1像素代表的实际距离是多少?rn在计算瓦片的行列号之前,我们需要得到图上一像素代表实际距离多少米。现在假设地图的坐标单位是米,dpi为96 ;rn1英寸=2.54厘米;rn1英寸=96像素;rn最终换算的单位是米;rn如果当前地图比例尺为1:125000000,则代表图上1米等于实地125000000米;rn米和像素间的换算公式:rn1英寸=0.02…

使用OPENLAYERS 3 显示聚合数据

使用OPENLAYERS 3 显示聚合数据

[原创.数据可视化系列之一]使用OPENLAYERS 3 显示聚合数据rnrnrnrn      在地图上显示点数据是最常用的地图展示功能之一,但是如果很多点在地图上显示,或造成密密麻麻的一片,无法正常看清楚,这个时候,一般有两种解决方案,一种是根据数据重要程度进行标注,重要的显示大一些,不重要的显示小点,比如百度地图就是这样的;另一种方法是使用聚合,让相邻的点聚合成一个点

OpenLayers filter 过滤器实现查询

OpenLayers filter 过滤器实现查询

首页介绍下 OpenLayers 的 FilternFilter是一种基于XML的并且符合OGC规范的语言。SLD用它来实现复杂的Rule选择。WFS在所有需要定位操作对象的地方都会使用Filter。Filter的作用是构建一个表达式,返回值就是Feature的集合,换句话说Filter就如他的名字一般为我们从一个集合中过滤出一个满足我们要求的子集。

openlayers实现选择要素,并弹框显示选中要素的信息

欢迎使用Markdown编辑器n你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。n新的改变n我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:nn全新的界面设计 ,将会带来全新的写作体…

OpenLayers深入浅出(2)—-map全解

一、map控件介绍:rnrnrnrn1、创建图层控件显隐组建new OpenLayers.Control.LayerSwitcher()如图:rnrn2、鹰眼控件rnnew OpenLayers.Control.OverviewMap()rn添加鹰眼方式: map.addControl(new OpenLayers.Control.OverviewMap());rn3、地图点击控件rn当点击地图时

Openlayers学习笔记——Vector Layer Rules和Filter

Openlayers学习笔记——Vector Layer Rules和Filter

一. OpenLayers.Rule类rn 为要素对象指定样式,最好的方式就是利用Rule类,当创建Rule对象后,指定一个Filter对象和一个symbolizer对象,但规则起作用时可调用,在rule对象中有个可选name属性可以给rule指定任意的名字。rn Rule对象应用于style对象,可以在style对象中使用很多rulern var my-rule=new Op…

stopPropagation() 方法

stopPropagation() 方法

stopPropagation() 方法rnrnrnEvent 对象rnrnrnrn定义和用法rnrn不再派发事件。rnrn终止事件在传播过程的捕获、目标处理或起泡阶段进一步传播。调用该方法后,该节点上处理该事件的处理程序将被调用,事件不再被分派到其他节点。rn语法rnevent.stopPropagation()rn说明rnrn该方法将停止事件的传播,阻止它被分派到其他 Document 节点。

openLayer4动态改变标注图标

openLayer4动态改变标注图标

地图上经常需要标出标注,标注点击之后要有相应的变化来达到一定的效果。此实例即在地图上添加图片标注,点击标注,更换标注图片,再点击其他标注,上一个标注恢复原来的标注图片。 /*初始化地图*/n var map;n function initmap() n map= new ol.Map(n layers: lay

GIS开发一些资料关键字fg好

GIS开发一些资料关键字fg好

openlayers:rnpenLayers是一个用于开发WebGIS客户端的JavaScript包。OpenLayers 支持的地图来源包括Googlern Maps、Yahoo、 Map、微软Virtual Earth 等,用户还可以用简单的图片地图作为背景图,与其他的图层在OpenLayersrn 中进行叠加rnrnWMS:rnrnWeb地图服务(Webrn map service)利用具有

supermap地图展示OD图

supermap地图展示OD图

/**rn * =============================================rn *  危险品电子路单OD展示rn * =============================================rn */rnvar ODpoints=[],rn  ODlines=[],ODlabels=[];rnvar markerLayer;rnvar select

Openlayer源码阅读(一):从ol开始

版本选择 v4.6.5 n 说明: v3.0.0~v4.6.5采用Closure,而从v5.0.0 之后采用ES Modules。nnnMarkdown和扩展Markdown简洁的语法n代码块高亮n图片链接和图片上传nLaTex数学公式nUML序列图和流程图n离线写博客n导入导出Markdown文件n丰富的快捷键nnnnn快捷键nnn加粗 Ctrl + B n斜体 Ctrl + I n…

openLayers2 画图标

openLayers2 画图标

openLayers2 画图标 n介绍:这里主要是实现可以手动在地图上添加图标的方法.画出来的图标可以点击弹出提示信息. n直接上代码:<%@ page language="java" contentType="text/html; charset=UTF-8"n pageEncoding="UTF-8"%>nnn

包含多个图层、缩放条、工具条、鼠标位置、弹出窗口

包含多个图层、缩放条、工具条、鼠标位置、弹出窗口

rn