`

获取OpenLayers画图控件画过的图形顶点

阅读更多
在你使用画图工具画图的时候,画的图会作为你的vlayer的一个feature,这时你只要调用vlayer.features 可以得到你的vlayer上的所有feature数组。这个feature根据提供的api文档,他是一个OpenLayers.Feature.Vector类型,转到该类型下会看到他有一个geometry属性,该属性返回一个OpenLayers.Geometry对象,该对象下有一个getVertices()方法就是返回你画的图形,点,线的坐标。
根据你提供的代码获取坐标的代码为:

Java代码 
var features[] = vlayer.features; 
for(var i = 0 ; i < features.length; i++){ 
var geom = features[i].geometry; 
var lonlats = geom.getVertices(); 
alert(lonlats); 


另外 lonlats 是一个point x,y point x2,y2 类似这样的东西,你可以用js的eval方法将它转换成一个对象就变成类似x1:y1,x2:y2这样的字符串了
2013年9月17日 10:57yun_hua_yu
30
0 0 0
分享到:
评论

相关推荐

    openlayers图层开关控件

    "图层开关控件"是OpenLayers中的一个重要功能,它允许用户方便地切换地图上的不同图层,以显示或隐藏特定的信息。在OpenLayers 4和5这两个版本中,这个功能依然得到充分的支持和优化。 图层开关控件(ol.control....

    OpenLayers 3 地图框选 画多边形 获取坐标 实例

    OpenLayers 3 地图框选 Draw 画多边形 Polygon 获取坐标

    openlayers3各种元素图形绘制

    在这个主题中,我们将深入探讨如何利用OpenLayers 3在WebGIS中绘制各种特殊的图形,如进攻方向、自由地、分队战斗、弓形、扇形、箭头以及钳击。 1. **进攻方向**:在军事或战略规划中,表示进攻方向是非常重要的。...

    openlayers3画线功能例子

    总之,OpenLayers 3 提供了丰富的API和工具,使开发者能够轻松地在Web地图上绘制各种图形,包括简单的直线和复杂的扇形图。通过学习和实践这个例子,你可以提升自己在地图数据可视化的技能,为开发地图应用打下坚实...

    OpenLayers动画效果显示路线

    OpenLayers 是一个强大的开源JavaScript库,用于在网页上创建交互式的地图应用。它支持多种数据源,包括WMS、WFS、KML等,并且可以与各种GIS服务器(如Geoserver)无缝集成。在本案例中,我们将讨论如何利用...

    openlayers画轨迹

    本教程将深入探讨如何使用OpenLayers来实现“画轨迹”功能,即动态回放轨迹数据。 首先,理解OpenLayers的基本结构至关重要。一个OpenLayers应用通常由以下几个主要部分组成:地图(Map)对象、图层(Layer)对象、视图...

    openlayers5图片时间轴播放.zip

    总结来说,“openlayers5图片时间轴播放”示例主要展示了如何使用OpenLayers 5结合时间轴控件来动态播放基于时间的地理图像序列。通过创建和管理图层、监听事件、优化性能以及创建用户友好的界面,我们可以构建出一...

    angularjs与openlayers3自定义控件

    在本文中,我们将深入探讨如何将AngularJS与OpenLayers 3结合使用,特别是在创建自定义控件方面。AngularJS是一个强大的前端JavaScript框架,用于构建单页应用(SPA),而OpenLayers 3则是一个广泛使用的开源...

    Openlayers实现图形绘制

    在OpenLayers中实现图形绘制是一项常见的任务,尤其对于地理信息系统(GIS)开发人员来说,它提供了丰富的功能来绘制和编辑地图上的几何形状。OpenLayers是一个强大的JavaScript库,用于在Web浏览器中显示地图,并且...

    openlayers点击获取坐标Demo

    这个Demo的目的是帮助开发者理解如何在OpenLayers 3中集成点击获取坐标的功能,这对于开发基于地理位置的应用程序至关重要。你可以根据实际需求调整代码,例如添加坐标显示、标记点等功能。通过深入学习OpenLayers的...

    Openlayers通过元素获取图层,通过点元素获取线元素

    Openlayers虽然提供了很多方法, 一般是从图层(Layer)获取获取元素(feature),或者从元素(Feature)获取坐标(Coordinate)。获取到的一般都是集合。但是想要反着通过元素(feature)获取图层(Layer).OL选择...

    openlayers动态线

    OpenLayers 是一个强大的开源JavaScript库,用于在Web浏览器中创建交互式地图应用。在这个场景中,"openlayers动态线"指的是使用OpenLayers库通过Canvas API来动态绘制一条线路,模拟从起点到终点的动态移动过程。这...

    openlayers3 多边形相交判断

    在OpenLayers 3中,处理地图上的几何对象,如多边形,并进行相交判断,是GIS应用中常见的任务。这个场景通常出现在地理空间分析、地图数据操作或地图交互功能中。OpenLayers 3 提供了一套强大的API,用于创建、操作...

    openlayers 编辑geoserver图层

    1. **查询**:OpenLayers可以发送一个WFS请求到GeoServer,获取特定图层的数据,展示在地图上。用户可以通过查询控件筛选和查找感兴趣的对象。 2. **编辑**:当用户选择地图上的某个要素时,OpenLayers可以打开一个...

    Openlayers学习之地图比例尺控件

    在OpenLayers中,地图比例尺控件是一种常用的交互元素,它允许用户直观地理解地图上显示的距离与实际地理距离之间的关系。本篇文章将详细介绍如何在OpenLayers应用中添加和使用地图比例尺控件。 首先,我们需要了解...

    OpenLayers实现图层切换控件

    在OpenLayers中,图层切换控件是用于让用户在多个图层之间自由切换的重要功能。由于OpenLayers库本身并未直接提供这样的控件,开发者需要自定义来实现这一功能。本文将详细介绍如何利用OpenLayers创建一个图层切换...

    地图绘点,点闪烁、扩散、动画,openlayers3,geoserver 2.13.1

    OpenLayers3 和 GeoServer 是两个非常重要的开源工具,它们可以帮助我们构建交互式的Web地图应用。在这个项目中,我们将探讨如何利用这两个工具来实现地图上的点的动态效果,如闪烁、扩散和动画。 首先,OpenLayers...

    opelayers4绘图控件

    在本主题中,我们将聚焦于"opelayers4绘图控件",这是一个自定义的OpenLayers控件,用于在地图上进行图形绘制。 ### 一、OpenLayers 控件概述 OpenLayers 提供了一套内置的控件,如Zoom、Pan、MousePosition等,但...

    OpenLayers 画点、线、及删除点、线 封装的js工具类

    在这个"OpenLayers 画点、线、及删除点、线 封装的js工具类"中,我们可以找到一系列实用的功能,方便开发者快速实现地图上的绘图和编辑操作。 首先,让我们详细了解如何在OpenLayers中绘制点和线: 1. **绘制点**...

    openlayers很多特效demo

    6. 控件和行为:OpenLayers 内置了许多控件,如比例尺、缩放滑块、定位按钮等,可以轻松集成到地图应用中。此外,还可以自定义行为,响应用户的交互事件,如点击、双击、拖动等。 7. 地图服务集成:OpenLayers 可以...

Global site tag (gtag.js) - Google Analytics