mgl-geojson-source内嵌的mgl-feature无法渲染点位该如何排查？

• 问题1：坐标顺序不符合GeoJSON规范
  Mapbox GL 所有地理坐标都严格遵循GeoJSON标准要求，Point类型的coordinates数组固定为[经度, 纬度]的顺序，你当前的geometry结构中将纬度（lat）放在数组第一位，经度（long）放在第二位，会导致点位坐标落在地图可视区域外，无法正常展示。
  修复后的geometry结构如下：

{
    coordinates: [
        branch.geolocation.long, // 经度在前
        branch.geolocation.lat   // 纬度在后
    ],
    type: 'Point',
}

• 问题2：缺少渲染图层配置
  mgl-geojson-source仅负责定义数据源，本身不具备渲染能力，你没有添加对应的图层（如圆点图层、符号图层）绑定该数据源，所以即使数据正确也不会在地图上绘制点位。
  你需要在mgl-map标签内补充图层配置，示例代码如下：

<mgl-map> // 已移除非必要属性，地图本身展示正常
      <mgl-geojson-source id="branch-points">
          <mgl-feature
              *ngFor="let geometry of branchData"
              [geometry]="geometry">
          </mgl-feature>
      </mgl-geojson-source>
      <!-- 新增圆点图层渲染点位 -->
      <mgl-circle-layer id="branch-points-layer" source="branch-points">
        <mgl-circle-color [value]="'#f43f5e'"></mgl-circle-color>
        <mgl-circle-radius [value]="6"></mgl-circle-radius>
      </mgl-circle-layer>
</mgl-map>

完成上述两处修改后即可正常渲染点位，若仍有问题可排查branchData数组是否为空、属性绑定是否存在控制台报错。

内容的提问来源于stack exchange，提问作者mike