Hi,
I am in need of a min-map control like https://react-leaflet.js.org/docs/example-react-control/. And would like to make it using the existing control. There doesn't appear to be any examples of a similar usecase for Map control. (unsure how dynamically set the bounds, center or zoom of the Map control via other page controls, e.g zoom appears to be an init prop only)
Could someone write up a simple example for me please of an inset mini map for navigation like the react-leaflet example above?
Thanks,
Allen
Hi, Allen,
You can control the zoom and center values by setting the zoom and center props to state variables. In the below example, I am controlling their values using the Zoom and Center buttons's click event handlers:
Regarding the creation of a minimap control, I discussed this implementation with the developer team and they mentioned that this should be created internally as a new feature since a custom example would be complicated and the result would not be optimal.
Therefore, I am transforming this thread to a public feature request where new ideas are constantly being evaluated and the most popular ones are implemented in future releases. I also added a vote on your behalf in order to increase its priority:
If you have any further questions on this matter, please let me know.
Regards,
Wissam
Progress Telerik
Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!