Google Map

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

Eiffel Tower

Gustave Eiffel's iconic, wrought-iron 1889 tower,
with steps and elevators to observation decks.

HTML
<div data-latlng="48.8583701,2.2922873,17" data-scrollwheel="false" data-icon=`assetsRuby/img/map-marker.png` data-zoom="2" data-theme="Default" class="googlemap min-vh-50">
	<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="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap" async></script>
Get your API key
Map color schemes

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

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

With AssassianCreed scheme

Eiffel Tower

Gustave Eiffel's iconic, wrought-iron 1889 tower,
with steps and elevators to observation decks.

Example of street view
HTML
<div data-latlng='48.8588723,2.2932638' data-pov='{heading:120,pitch:0}' data-scrollwheel='false' data-icon=`${CWD}assetsRuby/img/map-marker.png` data-zoom='1' data-theme='streetview' class='googlemap min-vh-100'></div>