Options

Option Type Default Description
map_div string #gmap Where you want to show the Map
controls_div string #controls Where you want to show the menu.
generate_controls must be true
controls_on_map must be false
At least more than one location on map
generate_controls boolean true If false, the menu will not generated
force_generate_controls boolean false Force to generate menu also with one location
controls_type string dropdown To set the menu type choose between: dropdown | list
controls_on_map boolean true If false, the menu will be generated into the element defined by the property controls_div
controls_title string Add a title/header text to the menu
controls_cssclass string Add a custom class to the menu element
controls_applycss boolean true If false, default styles to the menu will not be applied
controls_position object google.maps.ControlPosition.RIGHT_TOP Controls position on the right, below top-right elements of the map.
As defined by Google
type string marker To set the Map type choose between: marker | circle | polyline | polygon | directions | fusion
view_all boolean true If false the link "view all" will not be created
view_all_text string View All Set a custom text for the link "view all"
start integer 0 Set the first location to show, 0 stands for "view all"
locations Array <locations> [] List of locations being marked on the map.
Check the location docs page for more details
shared object {} Overwrite every location with a set of common properties
show_markers boolean true If false, markers will not be visible on the map
infowindow_type string bubble Only bubble is supported
visualRefresh boolean true Enable/disable the new google maps look and feel
map_options Object
{
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    zoom: 1
}
Map options as defined by Google.
The property center will be ignored. Check at the Install page to see how to center the map with only one location
styles Object
{}
Style options as defined by Google
stroke_options Object
{
    strokeColor: '#0000FF',
    strokeOpacity: 0.8,
    strokeWeight: 2,
    fillColor: '#0000FF',
    fillOpacity: 0.4
}
Stroke options as defined by Google.
Used when in Polyline/Polygon/Directions/Fusion/Circle Map type.
directions_options Object
{
    travelMode: google.maps.TravelMode.DRIVING,
    unitSystem: google.maps.UnitSystem.METRIC,
    optimizeWaypoints: false,
    provideRouteAlternatives: false,
    avoidHighways: false,
    avoidTolls: false
}
Direction options as defined by Google
directions_panel string null ID or class of the div in which to display the directions steps.
fusion_options Object {} Fusion tables options as defined by Google
circle_options Object
{
    radius: 100
}
Default circle options as defined by Google.
draggable boolean false If true, allow the users to drag and modify the route, the polyline or the polygon
listeners Object {} Example:
listeners: {
    click: function(map, event) {
        map.setOptions({scrollwheel: true});
    }
}
Docs: Google maps Events

Methods

Function Params Return Description
AddControl string <name>, function Add you own menu type to the map. Check at the Menu Docs page for more details.
CloseInfoWindow Close the current infowindow
ShowOnMenu integer <index> boolean Checks if a location has to be shown on menu
ViewOnMap integer <index> Triggers to show a location on map
SetLocations array <locations>, boolean <reload> Replace the current locations
AddLocations array <locations> | object <location>, boolean <reload> Adds one or many locations
AddLocation object <location>, integer <index>, boolean <reload> Adds one location at the specific index
RemoveLocations array <indexes> | integer <index>, boolean <reload> Delete one or many locations
Load null | object <options> Loads or updates the current configuration and constructs the map
Loaded Checks if a Load() was already been called

Events

Option Type Default Description
beforeViewAll function Fires before showing all the locations
afterViewAll function Fires after showing all the locations
beforeShow function (index, location, marker){} Fires before showing the current triggered location
afterShow function (index, location, marker){} Fires after showing the current triggered location
afterCreateMarker function (index, location, marker){} Fires after a marker creation
beforeCloseInfowindow function (index, location){} Fires before closing the infowindow
afterCloseInfowindow function (index, location){} Function called after closing the infowindow
beforeOpenInfowindow function (index, location, marker){} Fires before opening the infowindow
afterOpenInfowindow function (index, location, marker){} Fires after opening the infowindow
afterRoute function (distance, status, result){} Fires after the route calcoule
onPolylineClick function (obj) {} Fires when click on polylines
circleRadiusChanged function (index, location, marker){} This event is fired when the circle's radius is changed.
circleCenterChanged function (index, location, marker){} This event is fired when the circle's center is changed.
drag function (index, location, marker){} This event is fired while a marker is dragged.
dragEnd function (index, location, marker){} This event is fired when the drag event ends.
dragStart function (index, location, marker){} This event is fired when the drag event starts.