中。
我开始玩react-map-gl了。 我在 https://github.com/visgl/react-map-gl 中遵循了这个例子。
它工作正常。 但是，地图的大小一直溢出到页面的右侧和底部。 该组件当前位于父div 中。 但是，我似乎无法将其包含在父div中。
有人知道如何做到这一点吗？
我正在尝试使用以下代码：
<div className="relative w-full h-full mr-10 pr-10" ref={targetRef}>
<ReactMapGL
mapStyle="mapbox://styles/mapbox/streets-v11"
mapboxApiAccessToken={MAPBOX_TOKEN}
onViewportChange={handleViewportChange}
{...viewport}
/>
</div>
我正在使用顺风。 渲染地图以填充所有屏幕。 我正在尝试在右侧添加边距或填充，但它不起作用。 不过我可以添加左边距。