J'essaie de faire un programme pour insérer une carte pour mon site. J'ai essayé de trouver le problème avec JSHINT, mais ca ne fonctionne pas.
Voici le code en question
<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<head>
<title>Comment vous localiser</title>
<style type="text/css">
html, body, #map-canvas { height: 100%; margin: 0; padding: 0; }
</style>
<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?key=il y a ma cle api MAIS POUR DES RAISONS DE SECURITE JE LES ENLEVER">
</script>
<script>
// execute la fontion d initialisation une fois maps charge
google.maps.event.addDomlistener(windoy, 'load', initialize);
function initialize() {
// recupere objet position et l envoie a une fonction de rappel
var gps = navigator.geolocation.getCurrentPosition{
// la fonction de rappel
function (position) {
//configure le options de google maps en utilisant la latitude et la longitude depuis l'objet position
var mapOptions = {
center: { lat: position.coords.latitude, lng: position.coords.longitude},zoom 8
};
// construit la carte et la charge dans le div map-canvas dans la section <body>
var map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
}
);
};
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
</html>
