Mapbox показать местоположение Paris - PullRequest
Новая
       13

Mapbox показать местоположение Paris

0 голосов
/ 20 июня 2019

Я получаю правильные координаты из этой функции в Map.ts: 

populateForm() {
    let pharmaId = this.route.snapshot.params["id"];
    this.pharma.pharmagetbyid(pharmaId ).subscribe(
        pharmadata=> {
          if (pharmadata){
            this.pharmadata= pharmadata;
          }
        }
    );
}

В HTML я пишу этот код в Map.html: 

 <Mapbox
      accessToken="pk.xxxxxxxxxxxxxxx"
      mapStyle="traffic_day"
      [latitude]="pharmadata.latitude"
      [longitude]="pharmadata.longitude"
      zoomLevel="7"
      delay="450"
      showUserLocation="true"
      hideCompass="false"
      disableZoom="false"
      disableRotation="false"
      disableScroll="false"
      disableTilt="false"
      (mapReady)="onMapReady($event)">
  </Mapbox>

И это onMapReady () имеетэтот код в Map.ts: 

 onMapReady(args): void {
    this.map = args.map;
    console.log(args.map)
    this.map.addMarkers([
          {
            lat: this.pharmadata.longitude,
            lng: this.pharmadata.latitude,
          }
        ]
    );
  }

Мои координаты:

"долгота": 4,56, "широта": 5,65

Впоказать карту сначала и когда я увеличу карту показать Марки

Можете ли вы предложить мне любую идею, как показывать только Марки?

1 Ответ

0 голосов
/ 21 июня 2019

Ваш лат / лонг переворачивается в вашей функции onMapReady. Ваш код должен выглядеть так: 

 onMapReady(args): void {
    this.map = args.map;
    console.log(args.map)
    this.map.addMarkers([
          {
            lat: this.pharmadata.latitude, // Flip these
            lng: this.pharmadata.longitude, // two lines
          }
        ]
    );
  }
...