Comite departemental de cyclotourisme des Hautes-Alpes<br>
	<div class="inner" id="inner_y_aller">
		<div class="content">
			<div class="cartouche">
				<h1>Comite departemental de cyclotourisme des Hautes-Alpes</h1>
			</div>
			<div id="y_aller" class="invisible right bouton button"><a href="">Guidage GPS</a></div>

	<a name="acces"></a>
	<div id="map1" class="carte_gis" style="width:90vw; height:65vh;"></div>

<script type="text/javascript">
var map1;
var jQgisloader;
(function (){
	if (typeof jQuery.ajax == "undefined"){jQuery(init_gis);}else {init_gis();}
	function init_gis(){
		// Charger le javascript de GIS une seule fois si plusieurs carte
		if (typeof jQgisloader=="undefined"){
			jQgisloader = jQuery.ajax({url: 'local/cache-js/jsdyn-javascript_gis_js-c4fc2beb.js?1774351822', dataType: 'script', cache: true});
		}
		// et initialiser la carte (des que js GIS charge et des que DOM ready)
		jQgisloader.done(function(){
			jQuery(function(){
				map1 = new L.Map.Gis('map1',{
					mapId: '1',
					callback: (typeof(callback_map1) === "function") ? callback_map1 : false,
					center: [44.56205809077316,6.08409263685108],
					zoom: 15,
					scrollWheelZoom: false,
					zoomControl: true,
					fullscreenControl: false,
					scaleControl: false,
					overviewControl:false,
					gestureHandling:false,
					gestureHandlingOptions: {
						text: {
							touch: 'Utilisez deux doigts pour déplacer la carte',
							scroll: 'Vous pouvez zoomer sur la carte à l’aide de CTRL + Molette de défilement',
							scrollMac: 'Vous pouvez zoomer sur la carte à l’aide de ⌘ + Molette de défilement'
						}
					},
					layersControl: true,
					layersControlOptions: {
						collapsed: true
					},
					noControl: false,
					utiliser_bb: false,
					affiche_points: true,
					json_points:{
						url: 'https://cyclotourisme-05.org/spip.php?page=gis_json',
						limit: 500,
						env: {"id_gis":"1","objet":"","id_objet":""},
						titre: "",
						description: "",
						icone: ""
					},
					tooltip: false,
					cluster: false,
					clusterOptions: {
						disableClusteringAtZoom: null,
						showCoverageOnHover: false,
						spiderfyOnMaxZoom: false,
						maxClusterRadius: 80,
						singleMarkerMode: false
					},
					pathStyles: null,
					autocenterandzoom: false,
					autocenter: false,
					openId: false,
					localize_visitor: false,
					localize_visitor_zoom: 15,
					centrer_fichier: true,
					kml: false,
					gpx: false,
					geojson: false,
					topojson: false,
					options: []
				});
			});
		});
	}

})()
</script>
	<script type="text/javascript">
	// fonction de creation du lien "y aller"
	function creer_yaller(position) {
		var dest = "44.5620137952348,6.084038658110804";
		var ici;
		ici = position.coords.latitude + ',' + position.coords.longitude;
		jQuery('#y_aller a').attr('href', 'https://www.google.com/maps/dir/' + ici + '/' + dest);
		jQuery('#y_aller').removeClass('invisible');
	}
	// Fonction de callback en cas d’erreur
	function erreur_position(error) {
		var info = "Erreur lors de la géolocalisation : ";
		switch(error.code) {
			case error.TIMEOUT:
				info += "Timeout !";
			break;
			case error.PERMISSION_DENIED:
			info += "Vous n’avez pas donné la permission pour la géolocalisation";
			break;
			case error.POSITION_UNAVAILABLE:
				info += "La position n’a pu être déterminée";
			break;
			case error.UNKNOWN_ERROR:
				info += "Erreur inconnue";
			break;
		}
		console.log(info);
	}
	jQuery(document).ready( function() {
		// L'API geolocation est-elle disponible + geoloc activée?
		if(navigator.geolocation) {
			navigator.geolocation.getCurrentPosition(creer_yaller,erreur_position);				
		}
	});
	</script>
    <br />
    <p>Coordonnées GPS: <a href="https://www.google.com/maps/dir/44.5620137952348,6.084038658110804">44.5620137952348,6.084038658110804</a></p>		</div>
	</div>