Google Map

HTML

<div data-latlng="48.8583701,2.2922873,17" data-scrollwheel="false" data-icon="assets/images/hotel-icon.png" data-zoom="2" data-theme="Tripitty" style="min-height: 300px" class="googlemap">
	<div class="marker-content py-3">
		<h5>Eiffel Tower</h5>
		<p>Gustave Eiffel's iconic, wrought-iron 1889 tower,<br/> with steps and elevators to observation decks.</p>
	</div>
</div>

JavaScript

<script src="assets/js/googlemap.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"></script>

Map color schemes

Change the value ofdata-theme=''to any of the followings

• Default
• Gray
• Midnight
• Hopper
• Beard
• AssassianCreed
• SubtleGray
• Tripitty

Example

With AssassianCreed scheme