Ioni c Родные Карты Google, как показать центральную точку и саму отметку - PullRequest
0 голосов
/ 26 января 2020

Привет, ребята, я использую Ioni c Родные плагины Google Maps, и я пытаюсь показать все точки на экране, а также местоположение пользователя, я могу это сделать, нет проблем, проблема в том, что я нужно, чтобы местоположение пользователя было отцентрировано на карте и показывало все точки вокруг него.

Я пытался использовать все свои точки, чтобы поместить их в new LatLngBounds и установить каждую из них, используя метод .extend() но это не работает.

Пожалуйста, помогите

async expandRadius() {
    const query = await this.queryPlaces(10);
    get(query).then(nearByPlaces => {
      const foundPlaces = [];
        nearByPlaces.forEach( el => {
          const placesData = {
            distance: Math.floor(this.geo.point(this.centerPoint.latitude, this.centerPoint.longitude)
              .distance(el.geolocation.geopoint.latitude, el.geolocation.geopoint.longitude)),
              ...el
          };
          foundPlaces.push(placesData);
          // THE CENTER ISSUE STARTS HERE //
          const tmp = new LatLng(el.geolocation.geopoint.latitude, el.geolocation.geopoint.longitude);
          this.bounds.extend(tmp);
          this.map.addMarkerSync({
            position: {
              lat: tmp.lat,
              lng: tmp.lng
            },
            icon: {
              url: 'www/assets/icon/pin.png',
              size: {width: 23, height: 33},
            }
          });
        });
        this.map.moveCamera({
          target: this.bounds.getCenter(),
          tilt: 0,
        });
    })
    .catch()
    .finally( async () => await this.loading.dismiss() );
  }
...