Передайте координаты карты Google с первой на вторую страницу и покажите карту в соответствии с этим. - PullRequest
1 голос
/ 10 июня 2019

Я работаю над приложением Ionic с Google Maps.В приложении у нас есть 2 страницы с некоторыми данными.

  1. Первая страница содержит карту Google, нажав на нее, вы перенаправляетесь на вторую страницу.

  2. Вторая страница содержит раскрывающийся список со списком стран и кнопкой выбора.

  3. При выборе любой страны она выбирает свои координаты и перенаправляет на первую страницу
  4. Итак, на первой странице я хочупоказать карту с полученными координатами.

У всех есть идеи, как это сделать.

  1. Первая страница

    goToMyLocation(){
    this.map.clear();
    
    // Get the location of you
    this.map.getMyLocation().then((location: MyLocation ) => {
      console.log(JSON.stringify(location, null ,2));
      this.map.animateCamera({
    
      // Move the map camera to the location with animation
      target:{
        lat: location.latLng.lat,
        lng:location.latLng.lng 
      },
        zoom: 17,
        duration: 500
      });
    
      //add a marker
      let marker: Marker = this.map.addMarkerSync({
        position:{
          lat: location.latLng.lat,
          lng:location.latLng.lng 
        },
        animation: GoogleMapsAnimation.DROP
      });
    
      //show the infoWindow
      marker.showInfoWindow();
    
      this.map.on(GoogleMapsEvent.MAP_READY).subscribe(
        (data) => {
            console.log("Click MAP",data);
        }
      );
    
      this.map.on(GoogleMapsEvent.MAP_CLICK).subscribe(
        (data) => {
            console.log("Click MAP",data);
            this.navCtrl.push('SelectGeolocationPage');
        }
      );
    
    })
    .catch(err => {
      //this.loading.dismiss();
      // this.showToast(err.error_message);
      console.log(err.error_message)
    
    }); }
    
  2. Вторая страница

    setAsMyLocation(Country: any, State: any) {
    
        coordinatesData // It gives coordinates
    
        this.navCtrl.push(this.page, {  
                    data: Country,
                    State,
        });
    }
    

Над страницей получить координатыи перенаправляет на первую страницу.

Поэтому я хочу использовать эти координаты на первой странице для отображения карты.

...