-
openlayer 的编辑工具控件 画完图像 如何取得图像的坐标25
最近刚了解openlayers 照着网上的教程做了个例子 其中用到了Vector
vlayer = new OpenLayers.Layer.Vector( "Editable" );
map.addLayer(vlayer);
map.addControl(new OpenLayers.Control.EditingToolbar(vlayer));
加上上面代码后确实页面上有了几个可以画多边形或是点和线的控件 现在我画完图形后想知道如何获得该图形的坐标数据 如三角形就获得三个点的坐标 多边形就获得多个点的坐标 谁对这方面比较熟悉 请解答下 谢谢。2012年2月02日 17:14
添加评论
关注(0)1个答案 按时间排序 按投票排序
-
在你使用画图工具画图的时候，画的图会作为你的vlayer的一个feature，这时你只要调用vlayer.features 可以得到你的vlayer上的所有feature数组。这个feature根据提供的api文档,他是一个OpenLayers.Feature.Vector类型，转到该类型下会看到他有一个geometry属性，该属性返回一个OpenLayers.Geometry对象，该对象下有一个getVertices()方法就是返回你画的图形，点，线的坐标。
根据你提供的代码获取坐标的代码为：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:57
相关推荐
在这个名为"vue-openlayer-master.zip"的项目中，开发者结合Vue.js与OpenLayers，实现了一种在海图上进行动态效果和图形绘制的功能。 首先，让我们深入了解一下Vue.js如何与OpenLayers集成。Vue.js通过其插件系统...
1. **图层（Layers）管理**：OpenLayers支持创建不同类型的图层，如瓦片图层（Tile Layer）、图像图层（Image Layer）、矢量图层（Vector Layer）等。开发者可以轻松添加、删除和管理这些图层，控制它们的显示顺序和...
矢量图层（Vector Layer）可以显示动态数据，如点、线和面，支持实时编辑和交互。 此外，OpenLayers支持地理坐标系统（Geographic Coordinate System, GCS）和投影（Projection），使得地图能够正确地显示不同地理...
4. **图层类型**：除了基本的地图图层，OpenLayers还支持向量图层(Vector Layer)，用于展示点、线、面等矢量数据，可以进行动态绘制和编辑。 5. **交互性**：OpenLayers 提供了丰富的交互功能，如点击事件、拖拽、...
2. **图层(Layer)**：图层是地图上的基本元素，可以是卫星图像、地形图或自定义数据。OpenLayers支持多种类型的图层，如TileLayer（瓦片图层）、VectorLayer（矢量图层）和ImageLayer（图片图层）等。 3. **投影...
OpenLayers的核心组件包括地图(Map)对象、图层(Layer)对象、控件(Control)对象以及源(Source)和视图(View)等。 地图(Map)对象是OpenLayers应用的基础，它负责组织图层和控件。创建地图时，你需要指定容器元素（通常...
例如，地图对象（Map）是整个应用的基础，图层（Layer）用于显示不同类型的地理数据，控件（Control）如缩放滑块、导航工具等，提供用户交互功能。 2. **图层管理**：OpenLayers 支持多种图层类型，包括瓦片图层...
- **地图层（Layers）**：OpenLayers中的地图由多个图层组成，每个图层可以是不同的数据源，如卫星图像、地形图或者自定义矢量数据。 - **投影（Projections）**：地图坐标系统转换，OpenLayers支持多种投影方式，...
例如，`OpenLayers.Map`对象是整个地图的容器，而`OpenLayers.Layer`用于创建图层，通过`OpenLayers.Control`可以添加各种交互控件。 在OpenLayers-2.8文件夹中，包含了该版本的OpenLayers库，这是一组JavaScript...
- **图层（Layers）**：OpenLayers 支持多种图层类型，如瓦片图层（TileLayer）、图像图层（ImageLayer）和矢量图层（VectorLayer）。每个图层都有其特定用途和数据来源。 2. **数据加载** - **瓦片数据**：可以...
- **瓦片图层（Tile Layer）**：用于加载预分割的地理信息图像，如Google Maps或OpenStreetMap。 - **图像图层（Image Layer）**：适用于大尺寸单个图像或动态服务，如WMS。 - **矢量图层（Vector Layer）**：...
- **绘制地图**：在UI控件（如PictureBox或WinForm控件）上绘制地图。 - **响应用户交互**：实现缩放、平移等事件处理。 在"StudySharpMap"中，你可能已经实现了这些功能，并针对特定问题进行了调试。例如，你...