如何在Leaflet和Angular 2中定义定位控件

Question

我想在Leaflet Angular 2项目中定义一个locate控件。 现在我有了这段代码

ngOnInit() {
  let map = L.map("map", {
    center: [48.13, 11.57],
    zoom: 13,
    zoomControl: true,
    maxZoom: 30,
    minZoom: 8,
  }).addLayer(this.googleStreets);

  map.invalidateSize();

  map.locate({setView: true, maxZoom: 16, watch: true});

  L.control.scale().addTo(map);

  function onLocationFound(e) {
    var radius = e.accuracy/2;
    L.circle(e.latlng, radius).addTo(map);
   }

  map.on('locationfound', onLocationFound);

  }

地图自动搜索位置并显示用户所在的位置。

我想在我的地图上添加GPS图标，就像在图片上一样。

我如何在Angular 2中实现它？

Answer 1

您可以只使用从locationFound（）函数获得的位置，并使用该标签添加新标记。