小编Nad*_*dim的帖子

Angular 和 Leaflet 在点击时添加标记并获取坐标

我正在尝试在我的 Angular 7 项目中实现 Leaflet,我尝试用 google 搜索解决方案,但没有任何结果是针对 AngularJS 或 Vanilla JavaScript 的。

这是我的 ts 文件:

 ngAfterViewInit(): void {
    //Init map & add tile
    this.map = new Map('map').setView([25.1220946, 56.3342466], 13);
    tileLayer('http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer/tile/{z}/{y}/{x}').addTo(this.map);
    //onClick
    this.map.on("click", function(e){
    //Add marker
    this.myMarker = marker([e.latlng.lat, e.latlng.lng]).addTo(this.map);
    // console.log();
      console.log(`Your lat is : ${e.latlng.lat} and your lang :  ${e.latlng.lng}`);
    });
  }
Run Code Online (Sandbox Code Playgroud)

仅供参考,这不是重复的,同样的问题已经有 5 年了,现在一切都不同了。

javascript api leaflet typescript angular

2
推荐指数
1
解决办法
5834
查看次数

标签 统计

angular ×1

api ×1

javascript ×1

leaflet ×1

typescript ×1