🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

jMap is a simple-to-use jQuery plugin that makes it easy to embed Google Maps into your website with extra functions.

Google-Maps map

Documentation

jQuery jMap Build Status Bower Version

A quick and easy way to implement Google Maps to your project

As a front-end developer you often encounter implementing Google Maps to a site. Google Maps isn't hard, I know, but repeating the same code over and over again, well, it sucks. jMap is a simple to use wrapper for the Google Maps API and has some other nice functions too.

Usage

  1. Include jQuery:

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
  2. Include Google Maps:

    <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
  3. Include plugin's code:

    <script src="dist/jquery.jmap.min.js"></script>
  4. Call the plugin:

    $("#element").jMap({ 	lat: 22.33, 	lng: 11.22 });

Install

Using Bower

bower install jmap

You May Also Like