LIMBs are Labels In the Map Border.
For years they have been used on paper maps to label roads as they leave the map. They often indicate which town or city the road leads to.
Maps are no longer static. Electronic maps don't need to show the same information that was provided on the edge of a paper map.
Instead LIMBs can allow you to see and interact with features that are off the map.
This JavaScript library creates LIMBs on Google Maps to do just that.
If you already have a Google Map that contains a Marker
then you are one line of code away from tracking the marker in the map border.
First import the script:
<script type="text/javascript" src="gmap-limbs-min.js"></script>
Then add this line of JavaScript to create the LIMB:
var myLimb = new lucid.maps.limbs.Limb( myMarker );
You will need to ensure there is space around the edge of the map to display the LIMBs. The easiest way to achieve this is by adding a margin to the map element in your CSS.
#map { margin: 20px; ... }The margin size depends on the size of your icon and how much you want the LIMB to overlap the map.