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.