如何加载React-map-gl，并默认将纬度和经度设置为用户loaction？

Question

我想渲染的地图与默认值的视见区设置为用户的位置。目前，下面的代码是用于正常渲染的，在地图中有一个定位我的按钮，当点击它时，它会移动到那个位置。有没有办法让它默认点击？

<ReactMapGL
    mapboxApiAccessToken={mapboxApiKey}
    mapStyle="mapbox://styles/mapbox/streets-v11"
    {...viewport}
    {...mapStyle}
     onViewportChange={this.handle_view}
    >
    <GeolocateControl
      positionOptions={{ enableHighAccuracy: true }}
      trackUserLocation={true}
    />
</ReactMapGL>

Answer 1

按照这个答案：https://stackoverflow.com/a/59870917/14403123

 useEffect(() => {
    navigator.geolocation.getCurrentPosition(pos => {
      setViewport({
        ...viewport,
        latitude: pos.coords.latitude,
        longitude: pos.coords.longitude
      });
    });
  }, []);

显示完整代码的codesandbox：https://codesandbox.io/s/intelligent-albattani-f596t?file=/src/App.js。但是，它不会显示地图，因为我缺少令牌。