Map With Image Component

{Theme} has option to switch to the image instead of map. If you want to swap it, click on the button SHOW IMAGE/ SHOW MAP on the map section.

Map With Image Component

Map With Image Component

HTML markup

JavaScript – can be find in main.js file

Google maps – data attributes explanation

— data-location – use it for display your location on the Google map (e.g. can be a string: “New York”, or cords: 40.7198584,-74.0021416)
— data-height – use it for height adjustment
— data-zoom – use it to set the zoom

JavaScript – for both version

<script src=””></script>
<script src=”../assets/js/gmaps/gmap3.min.js”></script>
<script src=”../assets/js/gmaps/init.js”></script>