Code Monkey home page Code Monkey logo

jquery.maps's Introduction

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

jquery.maps's People

Contributors

davetayls avatar

Stargazers

Chris Barnes avatar Andrew Minton avatar That's me avatar avatar Adrienne L. Travis avatar

jquery.maps's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.