{% extends 'Front/_layout.html.twig' %}
{% block title %}{{ title }}{% endblock title %}
{% block meta_description %}{{ meta_description }}{% endblock meta_description %}
{% block content %}
<div id="map-canvas" style="width: 560px; height: 420px; float:right; border: 1px solid #000000;"></div>
<h1 id="titre">Plan d'accès</h1>
<div style="width: 300px">
    <p>Coordonnées GPS: 44.97503,1.32205</p>
    <p style="font-weight: bold">Lieux touristiques à proximité:</p>
    <ul>
        <li><a href="http://www.eyrignac.com" rel="nofollow" target="_blank">Les jardins d'Eyrignac</a></li>
        <li><a href="http://www.lascaux.culture.fr" rel="nofollow" target="_blank">Lascaux II</a></li>
        <li><a href="http://www.gouffre-de-padirac.com" rel="nofollow" target="_blank">Gouffre de padirac</a></li>
        <li><a href="http://www.vallee-dordogne-rocamadour.com" rel="nofollow" target="_blank">Rocamadour</a></li>
    </ul>
    <p style="font-weight: bold">Que faire dans les alentours:</p>
    <ul>
        <li><a href="http://www.aqua-zen.fr" rel="nofollow" target="_blank">Aqua Zen Spa</a></li>
        <li><a href="http://www.lemoulinauxans.com" rel="nofollow" target="_blank">Visite d'un moulin à farine remis en état de marche</a></li>
        <li><a href="http://www.tourisme-salignac.com" rel="nofollow" target="_blank">Office de tourisme de Salignac</a></li>
    </ul>
</div>
<div style="clear: both"></div>
<script type="text/javascript"
      src="https://maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyCJo7M15xHT-2COPRJdymoQDWVFJAlog5Q&sensor=false">
    </script>
    <script type="text/javascript">
      function initialize() {
        var myLatlng = new google.maps.LatLng(44.9743302, 1.3220760000000382);
        var mapOptions = {
          center: myLatlng,
          zoom: 10,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
        
        var georssLayer = new google.maps.KmlLayer('https://maps.google.com/maps/ms?authuser=0&vps=2&hl=fr&ie=UTF8&msa=0&output=kml&msid=206012543773818809191.0004e08626e64582d2a73');
        georssLayer.setMap(map);
      }
      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
{% endblock content %}