Maplace.js

Helps you to embed Google Maps into your website, quickly create markers and controls menu for the locations on map.

Demo

See demo website

Setup

Download the latest version of Maplace.js and include the Google Maps API v3 along with jQuery.

JS

new Maplace({
	locations: data,
	controls_type: 'list',
	controls_on_map: false
}).Load();

HTML

<div id="controls"></div>
<div id="gmap" style="with:300px;height:250px;"></div>

Locations Array

var data = [{
	    lat: 45.9,
	    lon: 10.9,
	    title: 'Title A1',
	    html: '<h3>Content A1</h3>',
	    zoom: 8,
	    icon: 'http://www.google.com/mapfiles/markerA.png'
	},{
	    lat: 44.8,
	    lon: 1.7,
	    title: 'Title B1',
	    html: '<h3>Content B1</h3>',
	    show_infowindow: false
	}
];

Options

Methods

Events

</tbody>

Requirements

Maplace.js requires jQuery and Google Maps Library v3.

Source code

All efforts have been made to keep the source as clean and readable as possible. Maplace.js is released under an MIT License.

Changelog

v0.2.10

• Fixed afterRoute not passing status or location with draggable #147 and #139
• Added listener for 'insert_at' polygon events #164

v0.2.9

• Fixed #137
• All event functions are now scoped to the current Maplace instance object

v0.2.8

• Fixed #161
• Fixed #160

v0.2.7

• Fixed #132
• Fixed #127

v0.2.0

• Updated to jQuery ~2.1
• Source directory for the build moved from "src" to "dist"
• Use Grunt tasks to generate distribution artifacts
• Changed default border color for in-map menu panel to match with Google Maps new UI
• Updated package.json and bower.js

v0.1.3

• Added circles support allowing mixed markers/circles
• Removed 'hide_marker' option for consistency with "visible"
• Added support to set the initial center position and zoom of the Map
• Improved editable polyline and polygon when visible markers
• Added drag events between markers, circles, polyline and polygon
• Return "this" for public functions to allow method chaining
• Renamed property 'commons' to 'shared' now overridden by location specific options
• Added external reference to Snazzy Maps website for Google Map styling
• Changed debug strategy
• General fixes and enhancements

v0.1.2

• General fixes and enhancements

v0.1.0

• Initial release