<?php wp_enqueue_script( array( 'google_map_api', 'gmaps', 'map-script' ) ); ?>
<!--Map Section-->
<section class="map-section">
	<!--Map Outer-->
	<div class="map-outer">
		<div class="google-map" 
			id="contact-google-map" 
			data-map-lat="<?php echo esc_attr( $latitude );  ?>" 
			data-map-lng="<?php echo esc_attr( $longitude );  ?>" 
			data-icon-path="<?php echo esc_url( $map_img ); ?>" 
			data-map-title="<?php echo esc_attr( $address );  ?>" 
			data-map-zoom="12" 
			data-markers='{
				"marker-2": [<?php echo esc_attr( $latitude );  ?>, <?php echo esc_attr( $longitude );  ?>, "<?php echo esc_attr( $address );  ?>"],
				"marker-4": [<?php echo esc_attr( $latitude1 );  ?>, <?php echo esc_attr( $longitude1 );  ?>, "<?php echo esc_attr( $address1 );  ?>"]
			}'>

		</div>
	</div>
</section>
<!--End Map Section-->