Basic Settings
| Setting | Default | Description | ||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| Map Width | 100% | Width of Map (in pixel, append % symbol after for width by percent) | ||||||||
| Map Height | 400 | Height of Map (in pixel) | ||||||||
| Map Type | ROADMAP | A MapType is an interface that defines the display and usage of map tiles and the translation of coordinate systems from screen coordinates to world coordinates (on the map). There are four types of maps available within the Google Maps API. - ROADMAP displays the default road map view. This is the default map type. - SATELLITE displays Google Earth satellite images - HYBRID displays a mixture of normal and satellite views - TERRAIN displays a physical map based on terrain information.
|
||||||||
| Zoom | 12 | The initial Map zoom level. | ||||||||
| Mode | Normal | Select a mode. - Normal: Markers will be displayed as separate places on the map. - Direction: A service for computing directions between markers/places. - Polyline: A polyline is a linear overlay of connected line segments on the map. - Polygone: A polygon (like a polyline) defines a series of connected coordinates in an ordered sequence; additionally, polygons form a closed loop and define a filled region.
|
||||||||
| Stroke Color | #FF0000 | The stroke color. All CSS3 colors are supported except for extended named colors. Only applies to line and polygon geometries. | ||||||||
| Stroke Weight | 2 | The stroke width in pixels. Only applies to line and polygon geometries. | ||||||||
| Stroke Opacity | 0.8 | The stroke opacity between 0.0 and 1.0. Only applies to line and polygon geometries. | ||||||||
| Fill Color | #FF0000 | The fill color. All CSS3 colors are supported except for extended named colors. | ||||||||
| Fill Opacity | 0.2 | The fill opacity between 0.0 and 1.0 | ||||||||
| Map Centered | Calculate | Select a position as map centered. - Calculate: Automatically calculate based on marker positions to get center map. - First marker: Display map center at the first marker position. - Last Marker: Display map center at the last marker position.
|
Marker Settings
Marker General Settings
| Setting | Default | Description | ||||
|---|---|---|---|---|---|---|
| Marker Draggable | Off | If false, prevents the map from being dragged. Dragging is disabled by default.
|
||||
| Marker Animation | Which animation to play when marker is added to a map.
|
|||||
| Open InfoWindow onload | Off | If Enabled, It will open a InfoWindo popup on load of the map. The position of Infowindow is depends on the marker that selected to display on Map Centered setting, and this setting will not work if Map Centered is Calculated
|
||||
| InfoWindow Max Width | 200 | Maximum width of the infowindow, regardless of content's width. This value is only considered if it is set before a call to open. To change the maximum width when changing content, call close, setOptions, and then open. | ||||
| Direction To Here Link | Off | If Enabled, It will add "Direction To Here" button to Marker tooltip
|
||||
| Direction From Here Link | Off | If Enabled, It will add "Direction From Here" button to Marker tooltip
|
||||
| Display List Marker | On | Display List Marker
|
||||
| Item Width | 300 | Width of item in marker list | ||||
| Use Marker Clusterer? | Off | Marker Clusterer is a library to create and manage per-zoom-level clusters for LARGE AMOUNTS OF MARKERS. It helps to get your map display cleaner and improve performance in case your map has a large amounts of markers.
|
||||
| Data Source | List | Select a Data Source to get list of markers
|
||||
| File Path/URL | Path or URL to the data file. (Supported file types: JSON, CSV)
|
|||||
| Pointers | Select a pointers | |||||
| Location Finder | Location Finder |
Map Controls
Map Controls
| Setting | Default | Description | ||||
|---|---|---|---|---|---|---|
| 45 Degree Imagery | Off | The Google Maps API supports special 45° imagery for certain locations. This high-resolution imagery provides perspective views towards each of the cardinal direction (North, South, East, West). These images are available at higher zoom levels for supported map types. NOTE: 45° imagery is only available for SATELLITE and HYBRID map types, within some locations, and at some zoom levels.
|
||||
| Rotate Control | Off | The enabled/disabled state of the Rotate control.
|
Map Type Control
The initial enabled/disabled state of the Map type control.
| Setting | Default | Description | ||||||
|---|---|---|---|---|---|---|---|---|
| Map Type Control | On | The initial enabled/disabled state of the Map type control.
|
||||||
| Map Type Control Style | DEFAULT | Select what style of map type control to display.
|
||||||
| Map Type Control Position | Specify the position of the control on the map. The default position is TOP_RIGHT.
View all positions on the map |
Zoom Control
The enabled/disabled state of the Zoom control.
| Setting | Default | Description | ||||||
|---|---|---|---|---|---|---|---|---|
| Scroll Wheel Zoom | Off | If false, disables scrollwheel zooming on the map. The scrollwheel is enabled by default.
|
||||||
| Zoom Control | On | The enabled/disabled state of the Zoom control.
|
||||||
| Zoom Control Style | DEFAULT | Select what style of zoom control to display.
|
||||||
| Zoom Control Position | Specify the position of the control on the map. The default position is TOP_LEFT.
View all positions on the map |
Others Control
Others Control
| Setting | Default | Description | ||||
|---|---|---|---|---|---|---|
| Scale Control | On | The initial enabled/disabled state of the Scale control.
|
||||
| Overview Control | Off | The enabled/disabled state of the Overview Map control.
|
||||
| Pan Control | Off | The enabled/disabled state of the Pan control.
|
||||
| Street View Control | Off | The initial enabled/disabled state of the Street View Pegman control. This control is part of the default UI, and should be set to false when displaying a map type on which the Street View road overlay should not appear (e.g. a non-Earth map type).
|
Styled Map
Styled maps allow you to customize the presentation of the standard Google base maps, changing the visual display of such elements as roads, parks, and built-up areas.
| Setting | Default | Description |
|---|---|---|
| Styles Data | uses Styled Maps Wizard tool below to custom your map style, once done click on Show JSON button and copy code from popup window and paste it into this textarea | |
| Styled Maps Wizard | The wizard allows you to select features and their elements, apply operations to those features, and save the styles to JSON, which you can copy and paste into your application. |
Positions
The positions on map.
+----------------+
+ TL TC TR +
+ LT RT +
+ +
+ LC RC +
+ +
+ LB RB +
+ BL BC BR +
+----------------+
| TOP_CENTER | Top Center - Elements are positioned in the center of the top row. |
| TOP_LEFT | Top Left - Elements are positioned in the top left and flow towards the middle. |
| TOP_RIGHT | Top Right - Elements are positioned in the top right and flow towards the middle. |
| LEFT_TOP | Left Top - Elements are positioned on the left, below top-left elements, and flow downwards. |
| RIGHT_TOP | Right Top - Elements are positioned on the right, below top-right elements, and flow downwards. |
| LEFT_CENTER | Left Center - Elements are positioned in the center of the left side. |
| RIGHT_CENTER | Right Center - Elements are positioned in the center of the right side. |
| LEFT_BOTTOM | Left Bottom - Elements are positioned on the left, above bottom-left elements, and flow upwards. |
| RIGHT_BOTTOM | Right Bottom - Elements are positioned on the right, above bottom-right elements, and flow upwards. |
| BOTTOM_CENTER | Bottom Center - Elements are positioned in the center of the bottom row. |
| BOTTOM_LEFT | Bottom Left - Elements are positioned in the bottom left and flow towards the middle. Elements are positioned to the right of the Google logo. |
| BOTTOM_RIGHT | Bottom Right - Elements are positioned in the bottom right and flow towards the middle. Elements are positioned to the left of the copyrights. |