Markers |
markers * |
null |
Set the list of markers to be displayed on a map. The following parameters can be configured for each marker:
- Position - Set the marker's position. You can set its name or address in text format or set the specific coordinates (latitude, longitude separated by a comma).
- Icon - Set the marker's icon. You can select a default Google Map icon, or one of the icons from our library. If you can't find the icon you're looking for, you can set custom icon URL or request a new icon at support@elfsight.com
- infoWindow - The option allows you to open an information window by clicking on the marker.
- infoTitle - Set the marker's title for the info window. Usually, it's the name of the place marker indicates.
- infoDescription - The marker's description on the info window.
- infoImage - Set the URL of the image to be displayed on the info window. Usually, it's an image of the indicated place.
- infoAddress - Set the address to be displayed on the info window.
- infoSite - Set the website URL to be displayed on the info window.
- infoPhone - Set the phone number to be displayed on the info window.
- infoEmail - Set the email to be displayed on the info window.
- infoWorkingHours - Set the working hours to be displayed on the info window.
- infoDirections - Display directions button in the info window. This button allows to set the directions from your current position to the marker. Works only with https.
- animation - Select marker animation from the available ones: drop, bounce.
- linkUrl - Set the link URL and this link will be opened in a new browser tab by clicking on the marker.
|
Layout |
width |
auto |
Set the map width in pixels or %, or set "auto" and the plugin will fit its container width. |
height |
700 |
Set the map height in pixels. |
Map |
center |
auto |
Set the default map center. You can set its name or address in text format or set the specific coordinates (latitude, longitude separated by a comma). Set "auto" to automatically calculate the center depending on the markers' position. |
zoom |
16 |
Set the default map zoom. It supports numeric values 0-20. You can also set "auto" and zoom will be calculated automatically to display all the set markers. |
map_type |
roadmap |
Select your Google map type from the list (roadmap, satellite, hybrid, terrain). |
controls |
zoom, mapType, scale, streetView, rotate, fullscreen |
Select the map controls to be displayed on the map. |
scrollwheel |
false |
This option lets you scale the map with the mouse scrolling wheel. |
layers |
null |
Set the layers separated by comma to be displayed on the map. The following optinos are available: poi, traffic, transit, bike, streetView. |
lang |
en |
Choose one of 4 available languages of the info window UI (en, es, ru, ja). |
Style |
style |
default |
Select one of the four predefined color schemes (default, silver, night, retro). Set custom colors to create your own scheme. |
color_geometry |
null |
Set color for geometry. |
color_labels_text_fill |
null |
Set color for labels text fill. |
color_labels_text_stroke |
null |
Set color for labels text stroke. |
color_administrative_geometry_stroke |
null |
Set color for administrative geometry stroke. |
color_administrative_land_parcel |
null |
Set color for administrative land parcel. |
color_landscape_natural_geometry |
null |
Set color for landscape natural geometry. |
color_poi_geometry |
null |
Set color for poi geometry. |
color_poi_labels_text_fill |
null |
Set color for poi labels text fill. |
color_poi_park_geometry_fill |
null |
Set color for poi park geometry fill. |
color_poi_park_labels_text_fill |
null |
Set color for poi park labels text fill. |
color_road_geometry |
null |
Set color for road geometry. |
color_road_arterial |
null |
Set color for road arterial. |
color_road_highway |
null |
Set color for road highway. |
color_road_highway_geometry_stroke |
null |
Set color for road highway geometry stroke. |
color_road_highway_controlled_access_geometry |
null |
Set color for road highway controlled access geometry. |
color_road_highway_controlled_access_geometry_stroke |
null |
Set color for road highway controlled access geometry stroke. |
color_road_local_labels_text_fill |
null |
Set color for road local labels text fill. |
color_transit_line_geometry |
null |
Set color for transit line geometry. |
color_transit_line_labels_text_fill |
null |
Set color for transit line labels text fill. |
color_transit_line_labels_text_stroke |
null |
Set color for transit line labels text stroke. |
color_transit_station_geometry |
null |
Set color for transit station geometry. |
color_water_geometry_fill |
null |
Set color for water geometry fill. |
color_water_label_text_fill |
null |
Set color for water label text fill. |