#jQuery.toMap ####Plugin for simple creating google map with markers on web-page.
##Main feauters
- Displaying google map on a site
- Dinamically adding markers on your map. The scale of the map will be changed automatically
- Displaying a window with plain text or html on click the marker
- Ability to assign your event handlers via callbacks on key events
##Installation and Use ###Step 1: Link required libraries We need Google API, jQuery. Add this code to <head> part of the site:
<!-- Google API --> <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script> <!-- jQuery library (served from Google) --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <!-- jQuery.toMap (change if required path to the jquery.tomap.js) --> <script src="js/jquery.toMap.js" />
###Step 2: Adding map container Add div block to body section. If you not assign width and height to container, size of map will be 200x150, but you can change it via css.
<div id="map"></div>
###Step 3: Call the plugin To plugin work correctly put your code inside $(document).ready():
$(document).ready (function() { // put your code there });
Initialization plugin:
var map = $('#map').toMap();
Adding a marker to map:
map.toMap('add_marker', '33.000,11.00', 'Text about');