Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
JavaScript
Branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
images
lib
tests
LICENSE
README.md
demo.html
jquery.maps.css
jquery.maps.js
maps-v3infoWindow.js
maps-v3pin.js

README.md

jQuery Google Maps Plugin

Created by Dave Taylor http://the-taylors.org/jquery.maps

This is an attempt at creating accessible mapping functionality based on the Google maps api.

It will turn markup like the following in to a full blown Google map.

<div id="map">
    <h2 class="maps-title">Map Details: <a href="#map-skip">skip</a></h2>
    <div class="geo">
        <span class="latitude">13.251</span>, <span class="longitude">123.684</span>.
        Zoom: <span class="zoom">10</span>
    </div>
    <div class="maps-container"></div>
    <ul class="maps-pins">
        <li>
            <div class="geo"><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.</p>
        </li>
        <li>
            <div class="geo">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.251,123.684">View this pin on a map</a>
            <h3>Map Pin Information</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        </li>
    </ul>
    <div id="map-skip"></div>
</div>

License

Copyright Software Freedom Conservancy, Inc. Dual licensed under the MIT or GPL Version 2 licenses. http://jquery.org/license

Something went wrong with that request. Please try again.