Maps

Provides an easy markup-driven interface to the Google Maps API

selected-file icon
This page demonstrates Maps functionality, See Documentation for a detailed technical explanation.
deco-blob-3 decoration

Basic Example using Address

Info windows in Leap
Leap Logo

We've made info windows easy in Leap, so you can use any HTML in this infowindow on your map.

Address
South Wharf Melbourne, Victoria
... More Info

Styled Map

Info windows in Leap
Leap Logo

We've made info windows easy in Leap, so you can use any HTML in this infowindow on your map.

Address
15 Warren Street, New York City
... More Info
[ { "featureType": "administrative", "elementType": "labels.text.fill", "stylers": [ { "color": "#444444" } ] }, { "featureType": "landscape", "elementType": "all", "stylers": [ { "color": "#f2f2f2" } ] }, { "featureType": "poi", "elementType": "all", "stylers": [ { "visibility": "off" } ] }, { "featureType": "road", "elementType": "all", "stylers": [ { "saturation": -100 }, { "lightness": 45 } ] }, { "featureType": "road.highway", "elementType": "all", "stylers": [ { "visibility": "simplified" } ] }, { "featureType": "road.arterial", "elementType": "labels.icon", "stylers": [ { "visibility": "off" } ] }, { "featureType": "transit", "elementType": "all", "stylers": [ { "visibility": "off" } ] }, { "featureType": "water", "elementType": "all", "stylers": [ { "color": "#f88e88" }, { "visibility": "on" } ] } ]

Styled Map, Multiple Markers, Zoom Controls

Info windows in Leap
Leap Logo

We've made info windows easy in Leap, so you can use any HTML in this infowindow on your map.

Address
15 Warren Street, New York City
... More Info
Info windows in Leap
Leap Logo

We've made info windows easy in Leap, so you can use any HTML in this infowindow on your map.

Address
147 West 66th Street New York City
... More Info
Info windows in Leap
Leap Logo

We've made info windows easy in Leap, so you can use any HTML in this infowindow on your map.

Address
379 3rd Avenue, New York City
... More Info
[ { "featureType": "all", "elementType": "geometry.fill", "stylers": [ { "weight": "2.00" } ] }, { "featureType": "all", "elementType": "geometry.stroke", "stylers": [ { "color": "#9c9c9c" } ] }, { "featureType": "all", "elementType": "labels.text", "stylers": [ { "visibility": "on" } ] }, { "featureType": "administrative.land_parcel", "elementType": "geometry.fill", "stylers": [ { "visibility": "on" }, { "color": "#372305" }, { "saturation": "-25" } ] }, { "featureType": "landscape", "elementType": "all", "stylers": [ { "color": "#f2f2f2" } ] }, { "featureType": "landscape", "elementType": "geometry.fill", "stylers": [ { "color": "#ffffff" } ] }, { "featureType": "landscape.man_made", "elementType": "geometry.fill", "stylers": [ { "color": "#ffffff" } ] }, { "featureType": "poi", "elementType": "all", "stylers": [ { "visibility": "off" } ] }, { "featureType": "road", "elementType": "all", "stylers": [ { "saturation": -100 }, { "lightness": 45 } ] }, { "featureType": "road", "elementType": "geometry.fill", "stylers": [ { "color": "#eeeeee" } ] }, { "featureType": "road", "elementType": "labels.text.fill", "stylers": [ { "color": "#7b7b7b" } ] }, { "featureType": "road", "elementType": "labels.text.stroke", "stylers": [ { "color": "#ffffff" } ] }, { "featureType": "road.highway", "elementType": "all", "stylers": [ { "visibility": "simplified" } ] }, { "featureType": "road.arterial", "elementType": "labels.icon", "stylers": [ { "visibility": "off" } ] }, { "featureType": "transit", "elementType": "all", "stylers": [ { "visibility": "off" } ] }, { "featureType": "water", "elementType": "all", "stylers": [ { "color": "#46bcec" }, { "visibility": "on" } ] }, { "featureType": "water", "elementType": "geometry.fill", "stylers": [ { "color": "#c8d7d4" } ] }, { "featureType": "water", "elementType": "labels.text.fill", "stylers": [ { "color": "#070707" } ] }, { "featureType": "water", "elementType": "labels.text.stroke", "stylers": [ { "color": "#ffffff" } ] } ]
arrow-up icon