Setup

Table of Contents

Setup instructions

Include jQuery at your document's footer

<script type="text/javascript" src="jquery-2.0.2.min.js">

Include Google Maps API and your API KEY (get API key)

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>

Include MapIt

<script type="text/javascript" src="jquery.mapit.min.js">

Create the following html structure

<div id='map_canvas'></div>

Initialize MapIt using the following two ways

Default way

$(document).ready(function() {
	$('#map_canvas').mapit();
});

Using a data attribute

<div id='map_canvas' data-toggle="mapit">