在谷歌地图上触摸标记时,标记将远离触摸位置

时间:2018-02-21 07:29:17

标签: javascript angular google-maps typescript ionic-framework

我不知道为什么会出现这个问题。每当我试图触摸标记时,它就会消失。我不知道下面的代码有什么问题。这发生在Web浏览器和构建apk for android中。以下是我的代码。

地图启动代码

initMap() {
    this.loading = this.loadingCtrl.create({
      content: 'Please wait...'
    });
    this.geolocation.getCurrentPosition().then((resp) => {
      let latLng = {lat: resp.coords.latitude, lng: resp.coords.longitude};
      this.storage.set('latitude', resp.coords.latitude);
      this.storage.set('longitude', resp.coords.longitude);
      this.initializeCurrent(resp.coords.latitude, resp.coords.longitude);
      let mapOptions = {
        center: latLng,
        zoom: 15
      }

      this.map = new google.maps.Map(this.mapElement.nativeElement, mapOptions);

      this.marker = new google.maps.Marker({
        position: latLng,
        draggable: true,
        map: this.map,
        animation: google.maps.Animation.DROP,
        title: 'Marker is here.'
      });

      this.marker.addListener('dragend', ($event) => this.onMarkerDrop($event));
      this.loading.dismiss();
    });
  }

请在上面的代码中告诉我我在哪里做错了。谢谢。

1 个答案:

答案 0 :(得分:0)

尝试将disableAutoPan: true添加到标记选项中。