I created a map and wanted to 'pin' cities to it (it's set as the class to my text container). I have the background image set to contain, center, for large, and cover for medium screens, disabled at small. The problem I am having right now is that while I am able to position the 'background images' just fine, I can't figure out how to get the cities TEXT to 'pin' to the map without the text moving when the page resizes. I've used media queries to position the text in different places at small, medium and large screens, but there are still sizes inbetween there the text just isn't pinning correctly to the map. Is there a way to pin/attach the text to the background-image so that when the page resizes the text moves with it equally?
Isn't it something that their API already providing? Something similar to: http://jsfiddle.net/X5mhL/648/ On-click you get a tooltip with a description. Can you post a screenshot of how exactly you want it to look?