jQuery.maps: inserting Google Maps from markup

<div id="map">
    <h2 class="maps-title">Map Details: <a href="#map-skip">skip</a></h2>
    <div class="geo">Location Name: 
        <span class="latitude">13.251</span>, 
        <span class="longitude">123.684</span>.
        Zoom: <span class="zoom">12</span>
    </div>
    <div class="maps-container">
        <div class="maps-container-loading"></div>
    </div>
    <div id="map-skip"></div>
</div>
                    

Links to center on pins

To link to a pin all you need to do is give the pin li an id and link to the anchor eg href="#map2pin1"

• Map 2 pin 1
• Map 2 pin 2
• Map 2 pin 3

<div id="map2">
    <h2 class="maps-title">Map Details: <a href="#map-skip">skip</a></h2>
    <div class="geo">
        Location Name: 
        <span class="latitude">13.251</span>, 
        <span class="longitude">123.684</span>.
        Zoom: <span class="zoom">10</span>
    </div>
    <div class="maps-container">
        <div class="maps-container-loading"></div>
    </div>
    <ul class="maps-pins">
        <li id="map2pin1">
            <div class="geo">Location Name: <span class="latitude">13.251</span>, <span class="longitude">123.684</span>.</div>
            <a target="_blank" class="maps-pinLink" href="http://maps.google.co.uk/maps?q=13.251,123.684">View this pin on a map</a>
            <h3>Map Pin Information</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse quis nibh ornare risus sollicitudin lobortis. Nam facilisis luctus consequat. Fusce rutrum, nisl eget</p>
        </li>
        <li id="map2pin2">
            <div class="geo visuallyhidden">Location Name: <span class="latitude">13.373</span>, <span class="longitude">123.807</span>.</div>
            <a target="_blank" class="maps-pinLink" href="http://maps.google.co.uk/maps?q=13.373,123.807">View this pin on a map</a>
            <h3>Map Pin Information</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse quis nibh ornare risus sollicitudin lobortis. Nam facilisis luctus consequat. Fusce rutrum, nisl eget</p>
        </li>
        <li id="map2pin3">
            <div class="geo">Location Name: <span class="latitude">13.150</span>, <span class="longitude">123.739</span>.</div>
            <a target="_blank" class="maps-pinLink" href="http://maps.google.co.uk/maps?q=13.150,123.739">View this pin on a map</a>
        </li>
    </ul>
    <div id="map-skip"></div>
</div>
                        

Map with no id and has pins