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
afterRoutenot 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