Angular 角度-从OpenLayers的clickListener内部设置窗体值
我试图从OpenlLayers的clicklistener中设置一个简单的表单文本字段,其中包含longitute和latittute。结果我得到了 错误类型错误:无法读取未定义的属性“setValue” 为什么this.lat和this.long生成未定义的?我猜是因为我在这个监听器中,因为当我在ngOnInit方法中设置一个值时,它就工作了。如何从clickListener内部设置值?我错过了什么Angular 角度-从OpenLayers的clickListener内部设置窗体值,angular,openlayers-3,Angular,Openlayers 3,我试图从OpenlLayers的clicklistener中设置一个简单的表单文本字段,其中包含longitute和latittute。结果我得到了 错误类型错误:无法读取未定义的属性“setValue” 为什么this.lat和this.long生成未定义的?我猜是因为我在这个监听器中,因为当我在ngOnInit方法中设置一个值时,它就工作了。如何从clickListener内部设置值?我错过了什么 import { FormControl } from "@angular/forms"; i
import { FormControl } from "@angular/forms";
import { Component, OnInit } from "@angular/core";
declare var ol: any;
@Component({
selector: "app-spotcreation",
templateUrl: "./spotcreation.component.html",
styleUrls: ["./spotcreation.component.css"]
})
export class SpotcreationComponent implements OnInit {
source = new ol.source.OSM();
map: any;
lon = new FormControl();
lat = new FormControl();
ngOnInit() {
this.map = new ol.Map({
target: "map",
controls: ol.control.defaults({
attributionOptions: {
collapsible: false
}
}),
layers: [
new ol.layer.Tile({
source: this.source
})
],
view: new ol.View({
center: ol.proj.fromLonLat([18.405, 45.095]),
zoom: 8
})
});
this.map.on("click", this.clickListener);
}
clickListener = function(args) {
var lonlat = ol.proj.transform(args.coordinate, "EPSG:3857", "EPSG:4326");
var latitude = lonlat[0];
var longitude = lonlat[1];
this.lat.setValue(latitude);
this.lon.setValue(longitude);
};
}
问题在于环境发生了变化。这就是为什么无法访问
lat
和lon
。您可以如下所示修改您的类上下文,以确保不会丢失当前的类上下文
this.map.on("click", args=>{
var lonlat = ol.proj.transform(args.coordinate, "EPSG:3857", "EPSG:4326");
var latitude = lonlat[0];
var longitude = lonlat[1];
this.lat.setValue(latitude);
this.lon.setValue(longitude);
})
不要忘记删除函数
单击Listener
,因为代码已在映射中移动。在
函数上。这很有效!太好了,谢谢。我将在4分钟内将其标记为正确答案:)