Open Source Resources for Web Application Developers

Shopify - Online Store Builder
Follow Us on Social Sites
Subscribe RSS Subscribe Newsletter Like us on Facebook Follow us on Twitter Follow us on Google+
  • Home
  • News
  • Plugins
  • Design
  • Others
  • Books
  • About
06 Jan

Simplify Google Maps API with Google Maps jQuery Plugin

  • GPL License, Maps
  • Leave a Comment

The Google Maps jQuery Plugin lets you simply embed Google Maps using The Google Maps JavaScript API in your web pages. While you can use the original Google Maps JavaScript API to do what you need. This plugin attempts to simplify the process to adding maps to a page. To use The Google Maps JavaScript API, you need to first sign up for an API key.

The Google Maps jQuery Plugin is less than 10KB of JavaScript. Portions of the Map (div container, info window) is controlled through CSS, so a user can create their own styles. It has been tested on Firefox 3, Internet Explorer 8, Safari 4.

google-maps-jquery

Requirements: Firefox 3, Internet Explorer 8, Safari 4
Demo: http://www.mayzes.org/googlemaps.jquery.html
License: GPL License

Share
Tweet
Sponsors
subscribe to our newsletter - weekly free resouces for web developers
follow us on social sites - rss, facebook, google+, Twitter
Subscribe RSS Like us on Facebook Follow us on Twitter Follow us on Google+
Related Resources
Most Popular and Powerful Interactive Google Map

Most Popular and Powerful Interactive Google Map

How to Styled Maps Using Google Maps API Version 3

How to Styled Maps Using Google Maps API Version 3

Build Your Own Slideshow with s3Slider jQuery Plugin

Build Your Own Slideshow with s3Slider jQuery Plugin

jQuery Translation Plugin Uses Google Translate API

jQuery Translation Plugin Uses Google Translate API

Social Media Buttons Integration jQuery Plugin

Social Media Buttons Integration jQuery Plugin

Embed Customised Google Maps into Your Website

Embed Customised Google Maps into Your Website

Comments
  • http://www.studioweber.com Alex Flueras

    Excellent article, thanks for sharing.

  • Dan

    Google maps API is already simple to use now…

  • http://t.pitale.com Tony

    An even better alternative: http://github.com/brianjlandau/jmapping

  • http://www.mayzes.org Shawn

    Thanks for posting this up!

  • Franck

    I am not sure it’s very useful to add layers over an already well-documented API…

    But maybe it can help somebody.

  • http://claimid.com/brianjlandau Brian

    This plugin is a good “wrapper” around the Google Maps API but it doesn’t offer much convience over the GMap API.

    I’ve created a jQuery plugin jMapping which allows a developer to map a set of point by extracting metadata from a list of HTML elements that describe the locations. It also allows you to customize those markers and the interaction between the map and the HTML elements:

    Usage: http://vigetlabs.github.com/jmapping/usage.html

    Examples: http://vigetlabs.github.com/jmapping/examples/

  • Jarmo

    Google Maps API V3 doesn’t require any API key and is really easy to use already.

  • http://www.mapsd.com.br Alexandre Broggio (Brasil)

    I am very happy fit like a glove
    Thank you very much ^_^

  • http://www.blocsoft.com/bmap/ Darren

    I have been working on a jQuery plugin that might be helpful to others reading this blog.

    It allows you to easily get a map on your site, manage markers, custom icons, sidebars…. ect.

    http://www.blocsoft.com/bmap/

    Darren

  • http://www.professionalsofttech.com James

    Very nice post. Thank you very much

  • Valhallen

    Here’s my two cents. First of all, using v2 of google maps API is utterly pointless, since it’s deprecated by google.

    Second, the net is full on these sort of wrappers like the one in this post and the ones in the comments. But I have yet to see one which has the option to insert address and then have the API convert it to latitude and longitude. I mean, otherwise a lot of the stuff is pretty useless.
    Think about it: you’d have to use some sort of converter for it, which makes it hard to use backend (like PHP) to generate sites where there’s dynamic pages and human readalbe addresses.

  • jb

    Here is a v3 implementation with a full demo : http://night-coder.com/jquery-plugin-gmap3-1202.html

  • http://astaza.com العاب

    thank you for map plugin but dos any body know good plugin to get user location from ip to google map directly
    thank you

  • http://morgan_jackson@me.com Morgan

    “thank you for map plugin but dos any body know good plugin to get user location from ip to google map directly
    thank you”

    Check Out Codecanyon, there are few listed there.

  • Thomas

    Hi,

    Latest version of gmap3 has been released on http://gmap3.net

    Th.

  • Tommy

    Good idea, but he needs some proper installation instructions on that page to save me fannying about in firebug.

Open Source Resources for You

What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.

© Copyright 2012 WebAppers | About | Archives | Privacy Policy | Advertise | Contact

Sponsors
Advertise Here
Search
By Keywords
30 Days / All Time
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • Professional Business Cards Made By Designers
  • Best Free Chrome Extensions for Web Developers
  • All of the Best Free WordPress Themes You Need
  • How to Create a Web App Admin User Interface
  • Nice List of Open Source Fish Eye Menu
  • Best Web Admin Templates
  • 25 Useful Blogs for Web Design & Development
  • Simple Javascript Progress Bar with CSS
  • 10 Useful & Quality Design Resources
  • Free Web Application Icons
  • Free Responsive HTML5 + CSS3 Site Templates
  • 35 Creative Twitter Covers for Web Designers
  • FROONT: Responsive Web Design in the Visual Way
  • Designing Experiences for Responsive Web Sites
  • jQuery Unveil: The Lightweight Version of Lazy Load
  • What are HTML5 Datalists and When to Use Them
  • Easy Responsive Tabs jQuery Plugin for Web & Mobile
  • jQuery.Swatches Turns Div into a Sweet Color Swatch
  • Pure: A Set of Small & Responsive CSS Modules
  • Create Sexy Android-like UI with Fries
Sponsors
Plugins
  • Advertisement15
  • Calendar48
  • Capture19
  • Charts55
  • Chat22
  • Demo Tour17
  • Gallery121
  • Maps30
  • Menu87
  • Polls9
  • Popup50
  • Tooltips42
  • Upload33
  • Video18
Desgin
  • Brushes11
  • Buttons27
  • Color Schemes25
  • Fonts47
  • Forms115
  • Icons110
  • Patterns24
  • PS Tutorials17
  • Stock Photos21
  • Tables25
Others
  • Announcement104
  • Best Collections6
  • Code57
  • eCommerce25
  • Framework217
  • Hosting13
  • Information244
  • Inspiration32
  • Legal Documents10
  • Reviews8
  • Security13
  • Social28
  • Sound16
  • Stats39
  • Tools302
  • Webmail14
Licesnes
  • BSD License69
  • CC License123
  • GPL License224
  • LGPL License40
  • License Free749
  • MIT License422
Sponsors
Advertise Here
Partners
MaxCDN