<div class="map__google-map" id="map"></div>

<script>
  function initMap() {
    var element = document.getElementById('map');
    var option = {
      zoom: 5,
      center: {lat: 50.4501, lng: 30.5234}
    };

    var myMap = new google.maps.Map(element, option);

    var marker = new google.maps.Marker({
      position: {lat: 50.4501, lng: 30.5234},
      icon: "img/enhanced_pin.png",
      map: myMap
    })
  }

</script>
{{#unless pdp}}
    <script async defer
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBJBvUO3X_fHbl8adNWEUbbxIn6RuLFmmc&callback=initMap">
    </script>
{{/unless}}

<!--use for test map locally-->
<script async defer
src="https://maps.googleapis.com/maps/api/js?client=gme-travisperkinstrading&v=quarterly&callback=initMap">
</script>
