jQuery-tinyMap

Features

Install

<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script src="jquery.tinyMap.js"></script>

<div id="map"></div>

#map{width: WIDTH; height: HEIGHT}

Usage

//Setting up the map
$('#map').tinyMap({
 'center': {'lat': 'Lat', 'lng': 'Lng'},
 // or 'center': 'lat, lng'
 // or 'center': [lat, lng]
 // or 'center': 'ADDRESS'
 'zoom': 14,
 // Map events binding
 'event': {
 'idle': function () {}
 // OR
 'idle': {
 'func': function () {},
 'once': true / false //Run once
 }
 ...
 ...
 }
 ...
 ...
});

Create the Markers

$(selector).tinyMap({
 'marker': [
 {
 'addr': ['Lat', 'Lng'],
 // Or address string e.g. `1600 Pennsylvania Ave NW, Washington, DC 20500`
 // Or {lat: 'lat', lng: 'lng'}
 'title': 'Hello World!', // (Optional)
 'text': 'Cogito ergo sum!', // (optional)
 'icon': 'http://domain/icon.png' // (optional)
 // Binding Click event
 'event': function (event) {
 console.log(this.text); // Marker text property.
 console.log(event.latLng.lat()); // Mousr event
 }
 /* OR 
 'event': {
 'click': function (event) {...},
 'mouseover': function (event) {...}
 }
 OR
 'event': {
 'click': {
 'func': function () {...}
 'once': true / false
 },
 'mouseover': {
 ...
 }
 }
 */
 }
 ...
 ...
 ]
});

Methods

// Methods
// e.g. Move the map center to specified location
$(selector).tinyMap('panto', 'Address string');
$(selector).tinyMap('panto', ['Lat', 'Lng']);
$(selector).tinyMap('panto', {lat: 'Lat', lng: 'Lng'});
// Dynamic setting up
$(selector).tinyMap('modify', {OPTIONS});
// e.g. Disable draggable
$(selector).tinyMap('modify', {
 'draggable': false
 //Resetting zoom level
 'zoom': 16
});
// Clear specified layers
// Options: marker, polyline, polygon, circle, direction, kml
$(selector).tinyMap('clear', 'marker,polyline,polygon...etc');
// or use array
$(selector).tinyMap('clear', ['marker', 'polyline', 'polygon'...]);
// or clear all layers
$(selector).tinyMap('clear'); 

Using tinyMap instance

var map = $(selector);
var instance = map.data('tinyMap'); 
var markers = instance._markers; // All markers on the Map.

License