These modular elements can be readily used and customized across pages and in different blocks.

	<!-- Using Google map Javascript API -->
	<div class="map-canvas">
		<div id="map"></div>

How to use

This map is designed using Google map Javascript API. You can find the full documentation on the website

  • Make sure you define a height and width of the map container

	<!-- Using Google Maps Embed API -->
	<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3588.1971574371523!2d-80.1931912844918!3d25.928750383561106!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88d9ae76f02ed1cb%3A0xbc98166cc5898e11!2s475+NE+167th+St%2C+North+Miami+Beach%2C+FL+33162%2C+USA!5e0!3m2!1sen!2sbd!4v1495951005133" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

How to use
  • Google Maps Embed API maps are easy to add to your webpage—just set the URL you build as the value of an iframe's src attribute. Control the size of the map with the iframe's height and width attributes. No JavaScript required.
  • For more to know about how to use you can see here