Javascript 标记组件未在初始加载时添加到DOM

Am使用

标记

组件进行标记的自定义标记

<Map
 onStyleLoad={this.onStyleLoad}
 style="mapbox://styles/mapbox/streets-v9"
 containerStyle={{
 height: "100%",
 width: "100%"
}}
fitBounds={this.getBounds(markerPoints)}>
 <Marker><img .../> </Marker>
 <Marker><img .../> </Marker>
</Map>

---

标记

组件不会添加到DOM中，直到我调整浏览器大小或执行任何操作（如缩放或平移）（地图内的任何操作）。这是一个已知的问题吗？如果是这样的话，解决方法是什么？

如果其他方法无效，您可以尝试调用pageload上的resize:

window.onresize（）

已使用

onStyleLoad

获取

map

对象。不幸的是，在这种情况下没有触发此回调。如果没有

map

对象，则无法使用

resize

中的任何mapbox api或组件的任何其他生命周期方法。