Maps

All modular elements can be readily used and customized in every layout across pages.

Tooltip title

A nice description about your place
Customize it as you want.

HTML
<div data-latlng="41.8333925,-88.0123393" data-scrollwheel="false" data-icon="assets/images/hotel-icon.png" data-zoom="15" data-theme="Default" style="min-height: 300px" class="googlemap">
	<div class="marker-content py-3">
		<h5>Tooltip title</h5>
		<p>A nice description about your place<br/>Customize it as you want.</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
Example

With SubtleGray scheme

Tooltip title

A nice description about your place
Customize it as you want.

Jump into