Enhancement: URLParams props for ReactiveMap component · appbaseio/reactivesearch#450

(1 评论) (0 反应) (0 负责人)JavaScript (4,835 star) (487 fork)batch import

enhancementgood first issue :wave:help wantedmaps :world_map:

描述

Issue Type:

enhancement

Platform:

Web for Maps

Description:

We currently don't have a way to store the state of the map (i.e. the current center location, zoom level). This prevents capturing the accurate search state with maps.

We can use the URLParams prop with the ReactiveMap component (similar to how we have for ReactiveSearch components) that when set will generate a querystring param for the map's current center location and zoom level. If these params are present when opening a ReactiveSearch state, the map component will initialize the defaultCenter and defaultZoom props using these values.

Reactivesearch version: x.y.z

@appbaseio/reactivemaps: 2.0.0-beta-02

贡献者指南

技术栈: reactjavascript
领域: frontend
议题类型: feature
难度: 3
预计时间: half day
活动状态: stale
清晰度: mostly clear
前置要求: ReactURL query parametersReactiveSearch library basics
新手友好度: 55
研究方向: Examine the existing URLParams prop implementation in other ReactiveSearch components (e.g., DataSearch) to understand the pattern. Then, modify the ReactiveMap component to add a URLParams prop that syncs map center and zoom with query parameters. Refer to the component source code likely in src/maps/ReactiveMap and any URLParams utility in the repository. The issue references a comment that may provide additional context; review that comment for any implementation hints.