现在我正在通过传递bounds参数来设置我的react leaflet地图的边界,如下所示:
<div hidden={!this.props.hide && !this.props.toggle} className="map-container">
<Leaflet.Map ref='leaflet-map' bounds={ this.getBounds()} >
<Leaflet.TileLayer url='http://{s}.tile.osm.org/{z}/{x}/{y}.png'/>
{ this.geoResults().map(this.renderMarker) }
</Leaflet.Map>
</div>
问题在于有时候标记会被渲染在地图最外面的部分(在视图中),所以标记甚至不可见,除非我拖动地图或缩小一个位置。我试着用缓冲区或尝试绘制边界然后使用缩放来缩小一次,但似乎没有任何作用。你们有什么想法吗?