Javascript Openlayers 3 Coords

我是OL的新手。我只需要在地图上放一些点，理想情况下，我需要向db请求写一些关于这一点的信息，但现在我只想提醒（coords）这一点。所以，我找到了一个例子，我可以把一些点，线和多边形放在地图上

var光栅=新建ol.layer.Tile({
来源：new ol.source.OSM（）
});
var map=新ol.map({
图层：[光栅]，
目标：“地图”，
视图：新ol.view({
中心：[-11000000，4600000]，
缩放：4
})
});
var features=new ol.Collection（）；
var featureOverlay=新ol.layer.Vector({
source:newol.source.Vector（{features:features}），
风格：新的ol风格({
填充：新的ol.style.fill({
颜色：“rgba（255，255，255，0.2）”
}),
笔划：新的ol风格笔划({
颜色：“#ffcc33”，
宽度：2
}),
图片：新ol.style.Circle({
半径：7，
填充：新的ol.style.fill({
颜色：“#ffcc33”
})
})
})
});
功能覆盖。设置地图（地图）；
var modify=新建ol.interaction.modify({
特色:特色,，
//必须按SHIFT键才能删除顶点，因此
//可以在同一位置绘制新顶点
//现有顶点的数目
deleteCondition:函数（事件）{
//var feature=event.element；
//var coord=event.feature.getGeometry（）.getCoordinates（）；
//coord=ol.proj.transform（coord，'EPSG:3857'，'EPSG:4326'）；
//警惕（协调）；
返回ol.events.condition.shiftKeyOnly（事件）&&
ol.events.condition.singleClick（事件）；
}
});
映射。添加交互（修改）；
var draw；//全局，以便稍后删除它
var typeSelect=document.getElementById（'type'）；
函数addInteraction（）{
draw=新ol.interaction.draw({
特色:特色,，
类型：/**@type{ol.geom.GeometryType}*/（typeSelect.value）
/*取款人功能（事件）{
//获取功能
var feature=event.element；
var coord=event.feature.getGeometry（）.getCoordinates（）；
警惕（协调）*/
});
地图。添加交互作用（绘制）；
}
/**
*处理更改事件。
*/
typeSelect.onchange=函数（）{
映射。移除交互（绘制）；
addInteraction（）；
};
addInteraction（）；
//向DB添加我们的功能的代码
//

绘制和修改要素
几何类型
指向
线绳
多边形

我只需要编辑此代码：

function addInteraction() {

draw = new ol.interaction.Draw({
  features: features,
  type: /** @type {ol.geom.GeometryType} */ (typeSelect.value)
/*draw.on('drawend', function (event) {
  // get the feature
  var feature = event.element;
  var coord = event.feature.getGeometry().getCoordinates();
  alert(coord);*/
});


map.addInteraction(draw);

}

致：

在yii2控制器中，我写了一个动作，只从请求中获取标题和坐标。这是不安全的，但我会修改这个动作。

---

总之，我放在地图上的每个点、线或多边形都会将它们的坐标保存到postgresSQL的数据库中。

我只需要编辑以下代码：

function addInteraction() {

draw = new ol.interaction.Draw({
  features: features,
  type: /** @type {ol.geom.GeometryType} */ (typeSelect.value)
/*draw.on('drawend', function (event) {
  // get the feature
  var feature = event.element;
  var coord = event.feature.getGeometry().getCoordinates();
  alert(coord);*/
});


map.addInteraction(draw);

}

致：

在yii2控制器中，我写了一个动作，只从请求中获取标题和坐标。这是不安全的，但我会修改这个动作。

---

总之，我放在地图上的每个点、线或多边形都会将坐标保存到postgresSQL的数据库中。

尝试

feature.getGeometry（）.getCoordinates（）

而不是

event.feature.getGeometry（）.getCoordinates（）

。你知道如何将这些点加载到地图上，或者我需要提出一个新问题吗？=）尝试

feature.getGeometry（）.getCoordinates（）

而不是

event.feature.getGeometry（）.getCoordinates（）

。您知道如何将这些点加载到地图上，或者我需要提出一个新问题吗？=）