Generate Google map from ACF location field

gistfile1.php

<?php
/**
 * Maps JS
 *
 * @since  1.0.0
 */
function ja_map_js() {
	wp_enqueue_script( 'googlemaps', 'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false', array( 'jquery' ), null,                false );
	wp_enqueue_script( 'maps',       get_stylesheet_directory_uri() . '/js/maps.js',                 array( 'jquery' ), CHILD_THEME_VERSION, false );
}
add_action( 'wp_enqueue_scripts', 'ja_map_js' );

/**
 * Generate Google map
 *
 * If the controls are not rendering right, add this to the CSS
 * .acf-map img { max-width: none !important; } 
 * 
 * @since 1.0.0
 */
function ja_map() {
	// Generate Map		
	$location = get_post_meta( get_the_ID(), '_ja_porperty_address', true );
	if ( $location ) {
		echo '<div class="map">';
			echo '<div class="acf-map" style="height:200px;width:400px;border:1px solid #ccc;">';
				echo '<div class="marker" data-lat="' . $location['lat'] . '" data-lng="' . $location['lng'] . '"></div>';
			echo '</div>';
			echo '<a href="https://maps.google.com/?q=' . urlencode( $location['address'] ) . '" target="_blank">View Map</a>';
		echo '</div>';
	}
}
add_action( 'genesis_entry_content', 'ja_map', 1 );

maps.js

jQuery(function($){
	/*
	*  render_map
	*
	*  This function will render a Google Map onto the selected jQuery element
	*
	*  @type	function
	*  @date	8/11/2013
	*  @since	4.3.0
	*  @param	$el (jQuery element)
	*  @return	n/a
	*/
	function render_map( $el ) {
	 
		// var
		var $markers = $el.find('.marker');
	 
		// vars
		var args = {
			zoom		: 14,
			center		: new google.maps.LatLng(0, 0),
			mapTypeId	: google.maps.MapTypeId.ROADMAP
			//disableDefaultUI: true // Turn off controls
		};
	 
		// create map	        	
		var map = new google.maps.Map( $el[0], args);
	 
		// add a markers reference
		map.markers = [];
	 
		// add markers
		$markers.each(function(){
	    	add_marker( $(this), map );
		});
	 
		// center map
		center_map( map );
	}
	 
	/*
	*  add_marker
	*
	*  This function will add a marker to the selected Google Map
	*
	*  @type	function
	*  @date	8/11/2013
	*  @since	4.3.0
	*  @param	$marker (jQuery element)
	*  @param	map (Google Map object)
	*  @return	n/a
	*/
	function add_marker( $marker, map ) {
	 
		// var
		var latlng = new google.maps.LatLng( $marker.attr('data-lat'), $marker.attr('data-lng') );
	 
		// create marker
		var marker = new google.maps.Marker({
			position	: latlng,
			map			: map
		});
	 
		// add to array
		map.markers.push( marker );
	 
		// if marker contains HTML, add it to an infoWindow
		if( $marker.html() ){
			// create info window
			var infowindow = new google.maps.InfoWindow({
				content		: $marker.html()
			});
	 
			// show info window when marker is clicked
			google.maps.event.addListener(marker, 'click', function() {
				infowindow.open( map, marker );
			});
		}
	}
	 
	/*
	*  center_map
	*
	*  This function will center the map, showing all markers attached to this map
	*
	*  @type	function
	*  @date	8/11/2013
	*  @since	4.3.0
	*
	*  @param	map (Google Map object)
	*  @return	n/a
	*/
	function center_map( map ) {
	 
		// vars
		var bounds = new google.maps.LatLngBounds();
	 
		// loop through all markers and create bounds
		$.each( map.markers, function( i, marker ){
			var latlng = new google.maps.LatLng( marker.position.lat(), marker.position.lng() );
			bounds.extend( latlng );
		});
	 
		// only 1 marker?
		if( map.markers.length == 1 ){
			// set center of map
		    map.setCenter( bounds.getCenter() );
		    map.setZoom( 14 );
		}
		else{
			// fit to bounds
			map.fitBounds( bounds );
		}
	}
	 
	/*
	*  document ready
	*
	*  This function will render each map when the document is ready (page has loaded)
	*
	*  @type	function
	*  @date	8/11/2013
	*  @since	5.0.0
	*
	*  @param	n/a
	*  @return	n/a
	*/
	$('.acf-map').each(function(){
		render_map( $(this) );
	});
	 
});