We found 10 matches for: google maps

An overview of all google maps blocks currently available, updated daily!

google maps: map

Basic map

In-pins

Token
Enter the google maps token
Latitude
The default center latitude location
Longitude
The default center longitude location
Latitude
The default center latitude location.
Longitude
The default center longitude location
Zoom
The default zoom level
Map type
The type of map to display.
Default UI
When false, the default controls are hidden.

Default:
true
Cluster Markers
When true, all the markers on the map will be clustered together if they are close enough together.
Cluster Max Zoom
When fully zoomed out max zoom is the amount of zoom levels you can zoom in on the map (so 20 is 20 clicks on the +)

Default:
20
Cluster Grid Size
The grid size of a cluster in pixels.

Default:
40
Cluster icons
An Array with MAX 5 images for the cluster icons. Items in array needs to be Array with values. IMAGES NEEDS TO BE SMALLER THAN 100PX

Default:
[]
Cluster icons width
Set the width of the images

Default:
50
Cluster icons height
Set the height of the images

Default:
50
Cluster Text Color
Color of the cluster text

Default:
black
Cluster Text Size
Size of the cluster text

Default:
12
Draggable
When false, you will not be able to drag the map.

Default:
true
Map Type Control
When false, you will not be able to toggle between map types

Default:
true
Pan Control


Default:
true
Scale Control


Default:
true
StreetView Control


Default:
true
Zoom Control


Default:
true
Use scrollwheel


Default:
true
Background Color
This color will be visible when tiles have not yet loaded as the user pans.

Out-pins

uicomponent
Google maps: set options

Sets the options of the map.

In-pins

flow
Selector
Selector to be used when this outlet is used multiple times within the current page.
draggable
Is allowed to drag within the map?
pancontrol
Is allowed to use pan controls?
rotatecontrol
Is allowed to use rotate controls?
scalecontrol
Is allowed to use scale controls?
scrollwheel
Is allowed to use scrollwheel?
streetView
Is allowed to use streetView?
zoom
Is allowed to zoom manually?

Out-pins

out_flow
Google maps: pan to coords

Changes the center of the map to the given lat/lng, the transition will be smoothly animated.

In-pins

flow
Selector
Selector to be used when this outlet is used multiple times within the current page.
lat
lng

Out-pins

out_flow
Google maps: info window

Update the info window on the given marker

In-pins

flow
Selector
Selector to be used when this outlet is used multiple times within the current page.
id
The ID of the marker to attach this info window at.
content
Full HTML support.
Default open
Should the popup automatically open on load?

Out-pins

out_flow
Google maps: set zoom-level

Sets the zoom of the map to the given number.

In-pins

flow
Selector
Selector to be used when this outlet is used multiple times within the current page.
zoom
Zoom level, higher is more detail (e.g. 14)

Out-pins

out_flow
Google maps: remove marker

Removes a marker on the given outlet

In-pins

flow
ID
The ID of the marker to remove
Selector
Selector to be used when this outlet is used multiple times within the current page.

Out-pins

out_flow
Google maps: remove all markers

Removes all markers for the given outlet

In-pins

flow
Selector
Selector to be used when this outlet is used multiple times within the current page.
keep
Number of markers to keep (e.g. 100 markers, keep is 20, we will keep the last 20 markers).

Out-pins

out_flow
Google maps: set custom marker

Creates a custom marker on the map

In-pins

flow
Selector
Selector to be used when this outlet is used multiple times within the current page.
id
The ID to reference this marker, updates the marker if the ID already exists.
lat
lng
label
A marker label is a single character of text which will appear inside the marker.

Default:
none
icon
URL of the image to use as marker. The given size will be used. In order to make a smaller icon, a smaller image should be used.
opacity
Number between 0.0 (not visible) and 1.0 (visible).
animation
Options: BOUNCE | DROP
Event

Out-pins

out_flow
Google maps: create a marker

Creates a marker on the given map

In-pins

flow
Selector
Selector to be used when this outlet is used multiple times within the current page.
id
The ID to reference this marker, updates the marker if the ID already exists.
lat
lng
label
A marker label is a single character of text which will appear inside the marker.

Default:
none
icon
A predefined marker symbol. Options: BACKWARD_CLOSED_ARROW, BACKWARD_OPEN_ARROW, CIRCLE, FORWARD_CLOSED_ARROW, FORWARD_OPEN_ARROW

Default:
CIRCLE
scale
The amount by which the symbol is scaled in size.

Default:
1
color
The symbol's fill color. All CSS3 colors are supported.

Default:
black (#000)
opacity
Number between 0.0 (not visible) and 1.0 (visible).
animation
Options: BOUNCE | DROP
Event

Out-pins

out_flow
Google maps: create a circle

Creates a circle on the given map

In-pins

flow
Selector
Selector to be used when this outlet is used multiple times within the current page.
id
The ID to reference this circle, updates the circle if the ID already exists.
lat
lng
radius
The radius in meters.

Default:
100
color
The circles fill color. All CSS3 colors are supported.

Default:
black (#000)
border-color
The circles border color. All CSS3 colors are supported.

Default:
white (#000)
opacity
Number between 0.0 (not visible) and 1.0 (visible).

Out-pins

out_flow