如何在react-map-gl中使用mapbox studio url？

Question

我正在尝试使用mapbox studio中的样式url。我使用react-map-gl作为map-box-gl js的包装器。

<ReactMapGL
            {...viewport}
            ref={mapRef}
            mapStyle={"mapbox://styles/user__name/ckh1vbc850jll19mijutmf889"}
            mapboxApiAccessToken="pk.eyJ1IjoidW1hMTMwMiIsImEiOiJja2UweDFvbTI0MDlqMnF0djN6cGZkdmZ3In0.ZPWXqok_MC06MciSIvhxVg"
            onViewportChange={nextViewport => setViewport(nextViewport)}
            onHover={(e)=>setFeatures(e.features)}
        >
        </ReactMapGL>

它呈现一个空白屏幕。

ALl标记和poups工作得很好，但它不显示磁贴。

Answer 1

中缺少“闭合”

mapStyle={"mapbox://styles/user__name/ckh1vbc850jll19mijutmf889}