Question

我正在使用alex3165 / react-mapbox-gl，但遇到问题。我正在尝试查看x，y的位置，但它没有改变。不断显示伦敦。我也尝试过更改node_module，但结果是相同的。我该怎么办？

const coordinate=[29.371532589441756,40.896189603433761];

return (
  <div>
      <div className="col-md-7 col-xs-12">
          <div id="map" className="map-sm">
              <Map
                  style="mapbox://styles/mapbox/satellite-v9"
                  zoom={zoom}
                  containerStyle={{
                  height: "100%",
                  width: "100%",
                  center: {position}

                  }}>
                  <Layer
                      type="symbol"
                      id="marker"
                      layout={{ "icon-image": "marker-15" }}>

                  </Layer>
                  <Feature coordinates={coordinate}/>
              </Map>
          </div>

Answer 1

在center组件上使用Map属性。您只是通过使用Feature组件设置要在地图上显示的地图项，实际上并没有设置MapBox的默认位置。

<Map
    style="mapbox://styles/mapbox/satellite-v9"
    zoom={zoom}
    containerStyle={{
        height: "100%",
        width: "100%",
    }}
    center={coordinate}
>
    <Layer
        type="symbol"
        id="marker"
        layout={{ "icon-image": "marker-15" }}>

    </Layer>
    <Feature coordinates={coordinate}/>
</Map>

React MapBox我无法更改位置

1 个答案: