1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92
| <!--
*
* Auteur : Perret Yannick
* Date : aout 2013
-->
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }
#map_canvas { height: 97% ; width:100%;}
</style>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript">
function initialize() {
map = new google.maps.Map(document.getElementById("map_canvas"), {
zoom: 9,
center: new google.maps.LatLng(48.858565, 4.347198),
mapTypeId: google.maps.MapTypeId.HYBRID
});
}
if (navigator.geolocation)
var watchId = navigator.geolocation.watchPosition(successCallback,
null,
{enableHighAccuracy:true});
else
alert("Votre navigateur ne prend pas en compte la géolocalisation HTML5");
function successCallback(position){
map.panTo(new google.maps.LatLng(position.coords.latitude, position.coords.longitude));
var marker = new google.maps.Marker({
position: new google.maps.LatLng(position.coords.latitude, position.coords.longitude),
map: map
});
}
var bounds = new google.maps.LatLngBounds();
function addMarker(lat, lng) {
var pt = new google.maps.LatLng(lat, lng);
bounds.extend(pt);
var marker = new google.maps.Marker({
position: pt,
map: map
});
}
addMarker(6.5344015, 46.7249203)
addMarker(6.6414898, 46.7782175)
addMarker(6.6335971, 46.5199617)
addMarker(6.2340622, 46.3881817)
addMarker(6.6335971, 46.5199617)
addMarker(6.6335971, 46.5199617)
addMarker(6.6335971, 46.5199617)
addMarker(6.5344015, 46.7249203)
addMarker(6.6335971, 46.5199617)
addMarker(6.2340622, 46.3881817)
addMarker(6.5344015, 46.7249203)
addMarker(6.2340622, 46.3881817)
addMarker(6.7450389, 46.7982374)
</script>
</head>
<body onload="initialize()" >
<div id='cssmenu'>
<ul>
<li><a href='index.php'><span>Accueil</span></a></li>
<li class='has-sub'><a href='event.php'><span>Evénement</span></a>
<ul>
<li><a href='event.php?action=1'><span>Ajouter un événement</span></a></li>
<li><a href='event.php?action=2'><span>Rechercher un événement</span></a></li>
<li class='last'><a href='mapp.php'><span>Le carte </span></a></li>
</ul>
</li> <li><a href='connexion.php'><span>Se connecter</span></a></li><li><a href='inscription.php'><span>S'inscrire</span></a></li> <li><a href='about.php'><span>A propos</span></a></li>
<li class='last'><a href='contact.php'><span>Contact</span></a></li>
</ul>
</div>
<br> <br>
<div id="map_canvas"></div>
</body>
</html> |
Partager