首页 > 解决方案 > 地理定位中没有出现蓝点(Ionic 3)

问题描述

我正在使用插件“地理定位”制作应用程序,一切正常,我可以定位自己,但我没有看到蓝点(如谷歌地图)或只是一个标记来显示地图中的实际位置。有人可以帮助我吗?这是我在视图中显示地图的功能。

showMap(){
  this.geolocation.getCurrentPosition().then((position) => {
    let latLng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
    let mapOption = {
      center: latLng,
      zoom: 18,
      mapTypeId:google.maps.MapTypeId.ROADMAP
    }
    this.map = new google.maps.Map(this.mapRef.nativeElement, mapOption);
  }, (err) => {
    console.log(err)
  }
);}

谢谢你。 屏幕

标签: geolocationionic3

解决方案


没有为当前位置设置点的原生方式(如原生 MKMapView)。但正如 Ionic Docs for Geolocation 插件中所述,您可以观察位置变化并获取当前的纬度和经度:

let watch = this.geolocation.watchPosition();
watch.subscribe((data) => {
  // data can be a set of coordinates, or an error (if an error occurred).
  // data.coords.latitude
  // data.coords.longitude
});

然后在当前位置设置自定义标记。


推荐阅读