如何在openlayers3中从矢量层获取点坐标
How can I get the point coordinates from a vector layer in openlayers3?
我使用OpenLayer3创建了一个带有矢量层的贴图。我现在想做的是遍历向量层,获取坐标并将其存储在数组中。
我试过这样的东西:
var store = vectorLayer.getGeometry().getExtent();
但我收到一个未定义的函数警告。
我也试过这样做:
var source = layer.getSource();
var features = source.getFeatures();
但我也收到了未定义的函数警告:
TypeError: Cannot read property 'getExtent' of undefined
这是我代码的一部分:
var url="http://localhost:8080/geoserver/wfs?&service=wfs&version=1.1.0&request=GetFeature&typeNames=dSpatialAnalysis:categoriesdata";
var shops_layer=new ol.layer.Vector({
title: 'Shops',
source: new ol.source.Vector({
url: '/cgi-bin/proxy.cgi?url='+ encodeURIComponent(url),
format: new ol.format.WFS({
})
}),
style: iconStyle
});
map = new ol.Map({
target:'map',
renderer:'canvas',
view: view,
layers: [newLayer, shops_layer],
});
它不会改变最终结果,但可以使用forEachFeature
:完成
var source = shops_layer.getSource();
source.forEachFeature(function(feature){
var coord = feature.getGeometry().getCoordinates();
// ...
});
这就是我解决问题的方法:
// First access the source of the vectore layer
var source = shops_layer.getSource();
// Get the features of the layer
var features = source.getFeatures();
var feature;
// iterate through the array
for (var i = 0, ii = features.length; i < ii; ++i) {
feature = features[i];
// get the geometry for each feature point
geometry = feature.getGeometry();
// get the first coordinate
geometry_coords = geometry.getFirstCoordinate()
// assign them to two variables
geometry_coord_x = console.log(geometry_coords[0]);
geometry_coord_y = console.log(geometry_coords[1]);
}
相关文章:
- 如何使用Google Places Javascript API搜索附近的位置(自动从浏览器获取坐标)
- 从谷歌地图Api中的区域名称获取坐标
- 从硬件GPS获取坐标
- 每个表的2D数组获取坐标JTSL,JAVASCRIPT
- 单击图像,获取坐标并将其保存在数据库JavaScript和Rails中
- 如何通过JavaScript代码显示谷歌地图并在设备上获取坐标
- 使用 Javascript 获取坐标经度纬度
- 从网格视图行中获取坐标,以使用 Raphael.js 在画布上绘制
- 如何从 X°Y′Z“ 格式(不是 X.Y == 十进制)的点击事件中获取坐标
- 可以从谷歌地图 api v3 从生物摊位获取坐标 “onclick” 创建的标记
- 在谷歌地图API上获取x/y坐标
- OpenLayers 2,GeoJSON无法获取坐标
- Mapbox:获取坐标所在的国家
- 画布和获取坐标基于网格(通过鼠标x鼠标y)
- Javascript:通过点击和拖动地图标记获取坐标
- 获取坐标(经纬度)的谷歌地图的街道地址-角
- 在选中复选框时获取坐标
- 谷歌地图API 3:从右键获取坐标
- 从KML提要获取坐标以与mapbox一起使用
- 用JavaScript从照片中获取坐标