javascript - 如何加载默认经纬度设置为用户位置的 React-map-gl？

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
      });
    });
  }, []);

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