I am excited to introduce a new feature to our interactive map web app that enhances your experience and makes navigation even easier.
You can now enter specific coordinates directly on the map interface.
Instant Navigation: With a simple click, the map will automatically center on the specified coordinates, zooming in to give you a detailed view.
Here’s a sneak peek at how it works:
// Function to handle coordinate input and move the map
const handleMovetoCoord = ({ lat, lng }) => {
setViewport({
…viewport,
latitude: lat,
longitude: lng,
zoom: viewport.zoom + 3 <= 22 ? viewport.zoom + 3 : 22,
transitionDuration: 1000,
transitionInterpolator: new FlyToInterpolator()
});
};
const handleMovetoCoord = ({ lat, lng }) => {
setViewport({
…viewport,
latitude: lat,
longitude: lng,
zoom: viewport.zoom + 3 <= 22 ? viewport.zoom + 3 : 22,
transitionDuration: 1000,
transitionInterpolator: new FlyToInterpolator()
});
};
Stay tuned for more updates as we continue to enhance our web app to better serve your needs. Try out the new feature now and experience a more interactive and user-friendly mapping experience!
Happy exploring! 🌍
https://infometka.com/
Please follow and like us:
