Question

我想知道如何在react-leaflet地图组件上捕获 zoomstart 和 zoomend 事件。

我有一些自定义的非地理位置图

            <Map
                center={this.getCalculatedCenterFromState()}
                zoom={this.getCalculatedZoomFromState()}
                minZoom={this.getCalculatedMinZoomFromState()}
                maxZoom={2}
                attributionControl={false}
                doubleClickZoom={false}
                zoomControl={false}
                crs={this.mapService.getProjectionType()}
            >



                <ZoomControl position={'topright'} zoomInText={"<img src=" + this.mapService.getPlusIconPath() + " alt='plus' />"} zoomOutText={"<img src=" + this.mapService.getMinusIconPath() + " alt='minus' />"} />
                <CategoryControl />
                <Layers data={this.showPlanService.getJSONResponse()} />

            </Map>

我需要显示和隐藏一些组件取决于缩放级别。

Answer 1

问题总是微不足道的：）

此URL是本机传单事件

http://leafletjs.com/reference-1.2.0.html#map-event

要在React-leaflet中使用它们，您需要添加以下的ass属性事件（ on + 事件名称）我必须添加该事件调用者是不区分大小写

即

<Map ...  onZoomStart={this.handleZoomStart} onMoveEnd={this.handleMoveEnd} ...> 
</Map

反应传单地图中的捕获事件

1 个答案: