如何在react-map-gl中使用Mapbox Studio URL？

问题描述

我正在尝试使用mapBox studio中的样式网址。我使用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标记和Poup可以正常工作，但它不会显示图块。

解决方法

缺少结尾“”

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