footer.php

<?php
/**
 * The template for displaying the footer.
 *
 * Contains the closing of the #content div and all content after
 *
 * @package understrap
 */

$the_theme = wp_get_theme();
?>

<footer class="footer pos-r">
	<div class="overlay-8 bg-info"></div>
	<?php $contactoID = get_page_by_title( 'contacto' )->ID; ?>
	
	<div class="container">

		<div class="row">
			<div class="col-lg-3">
				<h4>Categorías</h4>
				<?php wp_nav_menu(
				array(
					'theme_location'  => 'footer-menu',
					'container_id'    => 'categories-footer',
					'menu_id'         => 'categories-menu-footer',
					'depth' => 1
				)
			); ?>
				<h4>Síguenos en redes</h4>
				<?php wp_nav_menu(
						array(
							'theme_location'  => 'social',
							'container_class' => 'social',
							'container_id'    => 'socialNavbar',
							'menu_class'      => 'navbar-nav',
							'fallback_cb'     => '',
							'menu_id'         => 'social-menu',
							'walker'          => new WP_Bootstrap_Navwalker_YoFisio(),
						)
					); ?>
			</div><!--col end -->
			<div class="col-lg-9">
				
				<div class="row">
					<div class="col-lg-4">
						<div class="map"></div>
						<p><?php echo get_field('direccion', $contactoID)['address']; ?></p>
					</div>
					<div class="col-lg-4">
						<?php if (get_field('telefonos', $contactoID)) { ?>
							<h6>Teléfono<?php echo count(get_field('telefonos', $contactoID)) != 1 ? 's' : ''; ?></h6>
							<ul class="list-unstyled">
							<?php
								foreach (get_field('telefonos', $contactoID) as $tel) {
									echo '<li><a rel="nofollow" target="_blank" data-rel="external" href="tel:'.$tel['telefono'].'"><i class="fa fa-phone-square" aria-hidden="true"></i> '.$tel['telefono'].'</a></li>';
								}
							?>
							</ul>
						<?php } ?>
						<?php if (get_field('email', $contactoID)) { ?>
							<h6>Email</h6>
							<p><a rel="nofollow" target="_blank" data-rel="external" href="mailto:<?php the_field('email', $contactoID) ?>"><i class="fa fa-envelope-square" aria-hidden="true"></i> <?php the_field('email', $contactoID) ?></a></p>
						<?php } ?>
					</div>
					<div class="col-lg-4">
						<?php if (get_field('horario', $contactoID)) { ?>
							<h6>Horario</h6>
							<p><?php the_field('horario', $contactoID) ?></p>
						<?php } ?>
					</div>
				</div>
			</div>
		</div>

		<div class="row">
			<div class="col">
				<p>©2017 by <?php if (is_front_page()): ?><a href="https://braunmarketingandconsulting.es" target="_blank"><?php endif; ?>Braun Marketing & Consulting<?php if (is_front_page()): ?></a><?php endif; ?></p>
			</div>
		</div>

	</div><!-- container end -->

</footer>

</div><!-- #page -->

<?php wp_footer(); 

$contactoID = get_page_by_title( 'contacto' )->ID
?>
<script type="text/javascript" defer>
function initMap() {
	var yofisio = {lat: <?php echo get_field('direccion', $contactoID)['lat']; ?>, lng: <?php echo get_field('direccion', $contactoID)['lng']; ?>};
	jQuery('.map').each( function() {
		var map = new google.maps.Map(this, {
			zoom: 17,
			center: yofisio
		});
		var marker = new google.maps.Marker({
			position: yofisio,
			map: map,
			icon: '<?php echo get_field('marker', $contactoID); ?>'
		});
		var infowindow = new google.maps.InfoWindow({
			content: '<?php echo get_field('direccion', $contactoID)['address']; ?><br><a rel="nofollow" target="_blank" href="https://www.google.com/maps/place/YoFisio+-+Clinica+de+Fisioterapia+y+Osteopat%C3%ADa/@37.1549783,-3.5986927,17z/data=!3m1!4b1!4m5!3m4!1s0xd71fb5f2cc51789:0x8b84ae1ae66acbf2!8m2!3d37.154974!4d-3.596504?hl=es">Abrir en Google Maps</a>'
		});

		google.maps.event.addListener(marker, 'click', function() {
			infowindow.open( map, marker );
		});
	});
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAurgtOsHHiNdITsEEJ5n-EHbvbdXkwRT4&callback=initMap" async defer></script>
</body>

</html>