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