bonjour

j'ai un gros souci j'ai un morceau de code qui fonctionne très bien en local mais dés que je l'inclus dans mon projet qui est un site web en PHP objet MVC
la carte ne s'affiche pas mais l’itinéraire lui oui

je comprend plus rien quelqu'un a une idées ?

Code : Sélectionner tout - Visualiser dans une fenêtre à part
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
 
 
		<style type="text/css">
 
 
			#EmplacementDeMaCarte{float:left; width:30%; height: 40%}
			#EmplacementItineraireTexte{float:right; width:39%; height: 40%}
 
		</style>
 
 
 
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=fr"></script>
 
		<script type="text/javascript">
			var directionDisplay;
			var directionsService = new google.maps.DirectionsService();
			var maCarte;
			function initialisation() {
				directionsDisplay = new google.maps.DirectionsRenderer();
				var depart = new google.maps.LatLng(47.390251,0.688877);
				var arrive = new google.maps.LatLng(47.560451,0.688567);
				var optionsCarte = {
					zoom: 7,
					mapTypeId: google.maps.MapTypeId.ROADMAP,
 
				}
				maCarte = new google.maps.Map(document.getElementById("EmplacementDeMaCarte"), optionsCarte);
				directionsDisplay.setMap(maCarte);
				directionsDisplay.setPanel(document.getElementById("EmplacementItineraireTexte"));
				var requeteItineraire = {
					origin: depart,
					destination: arrive,
					region: "fr",
					travelMode: google.maps.DirectionsTravelMode.DRIVING
				};
				directionsService.route(requeteItineraire, function(response, status) {
					if (status == google.maps.DirectionsStatus.OK) {
						directionsDisplay.setDirections(response);
					}
				});
			}
			google.maps.event.addDomListener(window, 'load', initialisation);
		</script>
 
 
 
		<div id="EmplacementDeMaCarte"></div>
		<div id="EmplacementItineraireTexte"></div>