Mapbox 显示位置 巴黎

Question

我从 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

在地图显示firstly 当我缩放地图时显示Marks

你能建议我如何只显示标记吗？

Answer 1

您的纬度/经度在您的 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
          }
        ]
    );
  }