Peter K

Thanks Cassie Appreciate the reply and info. 👍

Hi can anyone tell me if GSAP can hook into MapBox? Specifically, I am looking if possible to... 1. Draw a line between two points with MapBox 2. Animate a circle running along the line between those points MapBox uses a canvas element so it's difficult to inspect via Chrome and kick some tyres. Thanks

Update: The job has been closed and I want to thank @Sahil for a really professional job and a quick turnaround. If you're looking to hire GSAP professional I would happily recommend Sahil. 👍😀

Hi. I am looking to hire someone for the following. An experience with map-based projects might be a benefit. To assist, I have a CodePen demo here which might help with sending me a quote. https://codepen.io/pixelsbypete/pen/wvOQwYR Task 01 - Panning broken I want the user to be able to pan with the mouse. This is partially working until you use the 'Jump to...' buttons to jump to a map region. At that point, panning stops working. Task 02 - Mouse wheel zoom in and out I would like the mouse wheel to zoom in and out of the SVG 'map'. In the HTML, I would like to be able to specify a sensible max and min zoom. Task 03 - Buttonl zoom in and out I would like to zoom also in and out using the Zoom In/Out buttons on the top right. In the HTML, I would like to be able to specify a sensible max and min zoom. If you are interested, please message me on Forums with a ballpark figure. Cheers Peter

Thanks again. I will update on the jobs board tomorrow.

Thank you both for taking time to reply. 👍 I found the supplied examples very helpful and have managed to progress. Admittedly, mostly by tweaking existing CodePens. I am at the stage where I need a little help and if anyone can assist and I have made a slimmed-down CodePen demo. https://codepen.io/pixelsbypete/pen/wvOQwYR Issue 1: Jump to buttons Vs drag: I can drag the main SVG around until I use a Jump To button (top left). Issue 2: Zoom In and Out buttons I understand the Viewbox might also be appropriate for this. I would need to increase the data-view by + and - 10 per click. But I'm just not sure how to programme this. I did find a demo online but it is complex with many other lines of code Issue 3 : Mouse wheel zoom Again, I can see that increasing/decreasing the ViewBox might also work here and I probably need some type of event listener for the mouse wheel? If anyone can fork and help, I'd be grateful.

Hi 👋 I have an SVG map and I wish to zoom in and out using the mouse wheel. Just like standard Google and Apple Maps behaviour. Can anyone point me in the right direction Anytime I search, I find docs for animations on scroll instead. Thanks.

Hi all. Can GSAP work on a div that already has multiple inline styles applied to it? My div has a class of 'demomove' applied to it (by me) and my actual JS is simply: gsap.to(".demomove", {duration: 2, x: 300}); The problem is the html I have to apply the above to has a ton of inline styles applied. It's a real mess but it's auto-generated by an application I have to use <div class="ggskin ggskin_svg demomove" style="height: 59px;left: -87.5px;opacity: 0.75;position: absolute;top: 0px;visibility: inherit;width: 550px;pointer-events: auto;transform-origin: 50% 50%;transition: none 0s ease 0s;"><img class="ggskin ggskin_svg" src="images/svg_2.svg" alt="Logos" style="position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;;"> </div> Can GSAP work where there are so many inline styles? I think this might also be why I am getting a Chrome error of Thanks