dush88gs

This is exactly what I wanted. Thank you very much @ZachSaucier. You are a genius. I have no words to thank you enough.

Actually I missed something. I don't want to the yellow marker appear initially. I want it to be appear after the scaling of red region finished. I can manage it. Yellow marker shows initially in codepen for reference. As second solution , do you mean rescale only the yellow marker to its original size before it appear? Can you explain the second solution little bit more, as I didn't get it clearly. Any example would be better if you can?

Thanks @ZachSaucier and @GreenSock. I have another problem regarding scaling. Please take a look at the following codepen. https://codepen.io/dush88gs/full/VwYYBLz When I clicked on the Blue pulsing marker which associate with the Yellow pulsing marker, I want Yellow pulsing marker to remain same size without scaling(zooming) with the Red colored region, but preserving(maintaining) its original position with regards to scaled(zoomed) Red colored region. Does anyone have any ideas for how to achieve this.

I have created a different codepen for the solution. https://codepen.io/dush88gs/pen/QWwWXLR Again, Thank you very much @ZachSaucier. You saved my day. But there is another small problem. When I click on the pulsing circle for the first time(after refreshing page with clearing cache, this issue can be reproduced), the region shows zoomed once without animating gradually. Can someone help me to solve this issue?

This looks like exactly what I was looking for. If this solves my problem, I'll let you know with the updated codepen because it can help others that have similar problems. Thank you very much @ZachSaucier.

Thanks @Sahil, I will go through your references. I have removed all the unnecessary taggings.

Hello Guys, Please find the linked codepen regarding my problem. The problem is when I click on the pulsing markers, I want to zoom the relevant region of this map to the exact center of the green color container. I prefer using jQuery instead of pure javascript. Can anyone point me to the right direction and explain what I'm missing. I'm new to gsap and also don't have much experience in jQuery. I know there are bunch of super heroes. So any help would be highly appreciated. Thanks in advance.