イオンマップの現在位置にカメラを移動

Question

私はgoogle mapsプラグインとgeolocationプラグインを使用してionicのgoogleマップで作業しています。位置が変更された後すぐに緯度を更新するジオロケーションのwatchposition関数を使用して現在の位置を取得します。 すべてのことは問題ありませんが、私が直面している問題は、カメラの位置を、現在の位置に移動したい、つまり位置を変えて移動したいということです。私が固定latをmovCamera関数の長さに設定すると、カメラはこれらのlatlongに向かって移動しますが、これを現在の位置に設定すると、マップは他の場所に移動しますが、私は移動しません。

いずれかが問題を教えてくれますか？

ここにコードがあります。 。 。ここでは、あなたの場所を割り当てている

export class HomePage { 
x: number = 0; 
    y: number = 0; 
    constructor(public navCtrl: NavController,private googleMaps: GoogleMaps, public platform:Platform,private geolocation: Geolocation) { 
      platform.ready().then(() => { 
        this.loadMap(); 
       }); 
    } 

loadMap() { 

// create a new map by passing HTMLElement 
let element: HTMLElement = document.getElementById('map'); 

this.geolocation.watchPosition().subscribe((position) => { 
    this.x = position.coords.longitude; 
    this.y = position.coords.latitude; 
    let ionic: LatLng = new LatLng(this.x,this.y); 
let map: GoogleMap = this.googleMaps.create(element,{ 
      'backgroundColor': 'white', 
      'controls': { 
      'compass': true, 
      'myLocationButton': true, 
      'indoorPicker': true, 
      'zoom': true 
      }, 
      'gestures': { 
      'scroll': true, 
      'tilt': true, 
      'rotate': true, 
      'zoom': true 
      } 
     }); 
// listen to MAP_READY event 
// You must wait for this event to fire before adding something to the map or modifying it in anyway 
map.one(GoogleMapsEvent.MAP_READY).then(() => { 
console.log('====>>>>>Map is ready!'); 

}); 

let ionic1: LatLng = new LatLng(33.635322,73.073989); 

// create CameraPosition 
let Camposition: CameraPosition = { 
    target: ionic, 
    zoom: 22, 
    tilt: 30 
}; 

// move the map's camera to position 
map.moveCamera(Camposition); 


}, (err) => { 
    console.log(err); 
}); 
} 

} 

Answer 1

let ionic1: LatLng = new LatLng(33.635322,73.073989); 

はionic1変数に座標。しかし、カムポジションオプションでは、ionicという名前の変数をターゲットに提供しています。

// create CameraPosition 
let Camposition: CameraPosition = { 
    target: ionic, 
    zoom: 22, 
    tilt: 30 
}; 

それは、ionic1として修正する必要があります。

// create CameraPosition 
let Camposition: CameraPosition = { 
    target: ionic1, 
    zoom: 22, 
    tilt: 30 
}; 

この種の変数名も使用しないでください。この種の間違いを避けるために、適切な命名規則を使用してください。次のように選択します。

let defaultLocation: LatLng = new LatLng(33.635322,73.073989);