Marker sur weatherMap

**loribac** · 28/12/2013, 15h46

bonjour
j 'essais de placer un marker sur une carte weathermap mais cela ne donne rien. Pouvez vous me dire ou j 'ai commis une erreur dans le code suivant merci à vous

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
 
 
		<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=weather"></script>
		<script type="text/javascript">
			function initialisation(){
				var centreCarte = new google.maps.LatLng(<?php echo "$cor1,$cor2";?>);
				var optionsCarte = {
					zoom: 9,
					center: centreCarte,
 
 
 
 
					mapTypeId: google.maps.MapTypeId.ROADMAP
				}
 
 
 
 
    var marqueur = new google.maps.Marker({
        position: new google.maps.LatLng(<?php echo "$cor1,$cor2";?>),
        map: centreCarte
    });
 
 
				var maCarte = new google.maps.Map(document.getElementById("EmplacementDeMaCarte"), optionsCarte);
				var coucheMeteo = new google.maps.weather.WeatherLayer();
				coucheMeteo.setMap(maCarte);
 
 
 
 
			 }
 
 
			 google.maps.event.addDomListener(window, 'load', initialisation);
		</script>
	</head>
 
	<body>
		<div id="EmplacementDeMaCarte"></div>
		<noscript>
			<p>Attention : </p>
			<p>Afin de pouvoir utiliser Google Maps, JavaScript doit ?tre activ?.</p>
			<p>Or, il semble que JavaScript est d?sactiv? ou qu'il ne soit pas support? par votre navigateur.</p>
			<p>Pour afficher Google Maps, activez JavaScript en modifiant les options de votre navigateur, puis essayez ? nouveau.</p>
		</noscript>
	</body>
</html>

**NoSmoking** · 28/12/2013, 16h04

Bonjour,

Pouvez vous me dire ou j 'ai commis une erreur...

en ne prenant pas le temps de relire ce que tu écris

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
var marqueur = new google.maps.Marker({
    position: new google.maps.LatLng(<?php echo "$cor1,$cor2";?>),
    map: centreCarte    // CA c'est n'importe quoi!!
});

Comment créer un marker ?

**loribac** · 31/12/2013, 02h22

Bonjour noSmoking,

Si je me réfère a la faq je devrais employer ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
 
var oMarker = new google.maps.Marker({
    'position' : new google.maps.LatLng( latitude, longitude),// position d'ancrage du marker sur la carte
    'map' : oMap                                              // l'objet carte sur lequel est affiché le marker
  });

**NoSmoking** · 31/12/2013, 08h19

Si je me réfère a la faq je devrais employer ceci

est ce que tu as au moins essayé ?

**loribac** · 01/01/2014, 19h56

Oui biensure, Merci

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
 
 
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=weather"></script>
		<script type="text/javascript">
			function initialisation(){
				var centreCarte = new google.maps.LatLng(<?php echo "$cor1,$cor2";?>);
				var optionsCarte = {
					zoom: 9,
					center: centreCarte,
					mapTypeId: google.maps.MapTypeId.ROADMAP
 
}
 
 
 
				var maCarte = new google.maps.Map(document.getElementById("EmplacementDeMaCarte"), optionsCarte);
				var coucheMeteo = new google.maps.weather.WeatherLayer();
				coucheMeteo.setMap(maCarte);
 
 
				var optionsMarqueur = {
					position: maCarte.getCenter(),
					map: maCarte
				};
				var marqueur = new google.maps.Marker(optionsMarqueur);
 
 
			 }
 
 
			 google.maps.event.addDomListener(window, 'load', initialisation);
		</script>

**loribac** · 07/01/2014, 21h57

Bonjour,

Pour compléter ma carte je souhaiteras ajouter la couche météo googleWeather je n 'arrive qu a afficher la carte sans information

Voici le code tel quel avec forcement une erreur je ne trouve pas dans mes recherche sur le web de solution ou d'exemple par contre j'arrive bien a afficher sur une autre carte google la meteo et le trafic donc la je suis limité :=)

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
 function initCarte() {
     var i, nb = data.length;
     var monIconPerso = new google.maps.MarkerImage("http://www.xxxxxxx.fr/img/sc.gif",
         /* dimensions de l'image */
         new google.maps.Size(30, 30),
         /* Origine de l'image 0,0. */
         new google.maps.Point(0, 0),
         /* l'ancre (point d'accrochage sur la map) du picto
  (varie en fonction de ces dimensions) */
         new google.maps.Point(0, 0)
     );
     var oMap = new google.maps.Map(document.getElementById('div_carte'), {
         'center': new google.maps.LatLng(47, 4),
         'zoom': 5,
         'minZoom': 5,
         'maxZoom': 7,
         'backgroundColor': '#fff',
         'mapTypeId': google.maps.MapTypeId.HYBRID
     });
     var coucheMeteo = new google.maps.weather.WeatherLayer();
     coucheMeteo.setMap(oMap);
     Marker = new google.maps.Marker({
         'map': oMap,
         'position': oMap.getCenter(),
         title: "Centre Carte"
     });
     for (i = 0; i < nb; i++) {
         oMarker = new google.maps.Marker({
             'optimized': false,
             'map': oMap,
             icon: monIconPerso,
             'position': new google.maps.LatLng(data[i][0], data[i][1])
         });
     }
 }
 // init lorsque la page est chargée
 google.maps.event.addDomListener(window, 'load', initCarte);
</script>
</head >
<body>
<div id = "div_carte"> </div>
</body>
</html>

Marker sur weatherMap

APIs Google

Vue hybride

Discussions similaires

Partager

Partager