角8小页贴标点击

Question

当我点击地图时，我试着放置一个标记。

我用这个方法

  private selectLocation () {

this.map.on('click', function(e) {
  var coord = e.latlng;
  var lat = coord.lat;
  var lng = coord.lng;
  console.log('You clicked the map at latitude: ' + lat + ' and longitude: ' + lng);

  var mp = new L.Marker([e.latlng.lat, e.latlng.lng]).addTo(this.map);
    //alert(mp.getLatLng());
 });
}

我在ngOnInit()上调用了这个

ngOnInit() {
  this.initMap();
  this.selectLocation();
}

但在地图出现后，我单击“结束”，控制台将显示此错误。

core.js:6014 ERROR TypeError:无法在NewClass.addTo (传单-src.js:6559)处读取未定义的属性“addLayer”。(georreferencia.component.ts:59)在NewClass.fire (单张-src.js:593)，NewClass._fireDOMEvent (单张-src.js:4452)，NewClass._handleDOMEvent (传单-src.js:4409)，HTMLDivElement.handler (传单-src.js:2679)，ZoneDelegate.invokeTask (zone-everc.js:391)，Object.onInvokeTask (core.js:39680)。在ZoneDelegate.invokeTask (zone-evergreen.js:390) at Zone.runTask (zone-evergreen.js:168)

当我点击地图时，如何显示标记？

Answer 1

问题是，您使用的是匿名函数，在它的作用域中，this关键字没有引用传单map实例。您可以通过使用箭头函数来避免这种情况，而不是传统的ES5匿名函数，因为箭头函数中没有this的绑定。

private selectLocation() {

    this.map.on('click', (e) => {
        var coord = e.latlng;
        var lat = coord.lat;
        var lng = coord.lng;
        console.log('You clicked the map at latitude: ' + lat + ' and longitude: ' + lng);

        var mp = new L.Marker([lat, lng]).addTo(this.map);
        alert(mp.getLatLng());
    });
}