Google Maps

Usage

HTML

JavaScript

<!-- Vendor Javascripts -->
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>

Attributes

You can manage all map controls, marker, info window etc.

• data-zoom: default value is 14
• data-zoom-control: default value is true
• data-map-type-control: default value is true
• data-scale-control: default value is true
• data-street-view-control: default value is true
• data-rotate-control: default value is true
• data-full-screen-control: default value is true
• data-disable-default-ui: default value is false, which will remove all control from the map
• data-styles: default value is []
• data-streetview: default value is false
• data-pov-heading: default value is 0
• data-pov-pitch: default value is 0

Street view

Styles

Use one of the pre-defined style from Snazzy Maps, and place into data-styles='' attribute.