Copy link to clipboard
Copied
I am brand new to Adobe Xd and I am looking to make an interactive mapping website for my master's thesis. I want it operate similar to Google Maps, in that the user would be presented with a wide view which they can zoom into to see finer details. Ideally I would like the zoom to be bound to the mouse scroll wheel, but I understand that may not be possible. Is there a way I can create a zoom slider?
I know that the user can zoom by default through the browser, but this isn't always intuitive to do and it doesn't properly scale the images displayed on the page itself. I have made a very quick mock up using buttons to zoom, but the issue is that when it moves to the next page, it doesn't know where the user had panned to previously. I have added the protoyping link below along with images of the webpage itself.
Thank you
https://xd.adobe.com/view/aaf8f6cf-250d-49e5-adce-e95dc3ee3349-ffab/
Copy link to clipboard
Copied
Hi Wozima,
Thanks for using Xd. To zoom in to maps you can have your map from the fancy maps plugin(or from anywhere as per your choice), make it a scroll group(vertical and horizontal scroll group) and make duplicates of the artboart. In the duplicate artboards you can have the map zoomed it and then link those artboards to the original one. For the time being I think it is only how you can achieve the zoomed in states in the maps.
Hope this helps.
Regards,
Jagriti Kashyap