<div id="pl-111"  class="panel-layout" ><div id="pg-111-0"  class="panel-grid panel-has-style"  data-style="{&quot;background_display&quot;:&quot;tile&quot;,&quot;row_stretch&quot;:&quot;full-stretched&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;}" ><div class="siteorigin-panels-stretch panel-row-style panel-row-style-for-111-0" data-stretch-type="full-stretched" ><div id="pgc-111-0-0"  class="panel-grid-cell"  data-weight="1" ><div id="panel-111-0-0-0" class="so-panel widget widget_footer-map panel-first-child panel-last-child" data-index="0" data-style="{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;}" ><div class="so-widget-footer-map so-widget-footer-map-default-d75171398898"><div class="map-suport">
	<div id="map"></div>
	<div class="map-pos" style="bakground:ur(http://turayrealty.com/wp-content/uploads/2017/10/background-image.jpg)">
		<div class="map-cont">
			<div class="map-title">Our Office</div>
			<div class="map-address">Lorem ipsum, 55D , Globe</div>
			<a class="map-phone" href="tel:047 712 158">Phone 047 712 158</a>
		</div>
	</div>
</div>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD5oz9HbGvwfGspb_8OoRX4pc-miQNiu3c&callback=initMap" async defer></script>
<script>
	var map;
      function initMap() {
        
				
	 var locations = [
		  ['Lorem ipsum, 55D , Globe',  40.6974034,-74.119763, 4],		   
		];
	 
    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 14,
	  
		center: new google.maps.LatLng(40.6974034,-74.119763),
	  
      mapTypeId: google.maps.MapTypeId.ROADMAP,
	   zoomControl: true,
	  scaleControl: false,
	  scrollwheel: false,
		disableDoubleClickZoom: true,
		  scrollwheel: false,
		navigationControl: false,
		mapTypeControl: false,
		scaleControl: false,
		draggable: true,
		
	 
		
    });

    var infowindow = new google.maps.InfoWindow();

    var marker, i;

    for (i = 0; i < locations.length; i++) {  
       marker = new google.maps.Marker({
        position: new google.maps.LatLng(locations[i][1], locations[i][2]),
        map: map,
		icon:'',
	
      });
       
      google.maps.event.addListener(marker, 'click', (function(marker, i) {
		  var content = '<h3 class="pin_text">' + locations[i][0] +  '</h3>';
		  return function() {
          infowindow.setContent(content);
          infowindow.open(map, marker);
        }
      })(marker, i)); 
	  
		marker.setAnimation(google.maps.Animation.BOUNCE);
		
      }	 
	}
	 
</script></div></div></div></div></div></div>