JSFiddle - React, Tailwind, and code Playground

by AshThakur

HTML

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC959L7r8_h7ORD3A7ZayyCnX3O8iF-HLk"></script>
  <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
  <script src="https://cdn.jsdelivr.net/gmap3/7.2.0/gmap3.min.js"></script>
    <div class="map"></div>
  <script>
    $('.map')
      .gmap3({
        address:"Paris, France",
        zoom: 10,
        mapTypeId: google.maps.MapTypeId.HYBRID,
        mapTypeControl: true,
        mapTypeControlOptions: {
          style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
        },
        navigationControl: true,
        scrollwheel: true,
        streetViewControl: true
      });
  </script>