Discussion :

[Invité]

Bonjour

J'essaie d'afficher sur une carte avec plusieurs couches KML. Jusqu'à présent cela fonctionne pas trop mal. Mais je souhaiterais que la vue s'adapte de façon à afficher tous mes fichiers kml. Je parviens à modifier le viewport individuellement pour chacun de mes kml à l'aide du paramètre preserveViewport, mais pas globalement. D'ailleurs, est-ce possible ?

mon code test actuel :

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
 
var myOptions = {
		scrollwheel: true,
		scaleControl: true,
		disableDefaultUI: false,
		mapTypeId: google.maps.MapTypeId.ROADMAP
	};
	var myMap= new google.maps.Map(document.getElementById("myMap"), myOptions);
 
	var kmllayer = new google.maps.KmlLayer('map1.kml', {preserveViewport:true});
	kmllayer.setMap(myMap);
 
	var kmllayer2 = new google.maps.KmlLayer('map2.kml', {preserveViewport:false});
	kmllayer2.setMap(myMap);
 
 // autres kml...

Julien

[Invité]

Bonjour

C'est bon, je suis finalement parvenu à mon but.

En utilisant la méthode union de LatLngBounds, puis fitBounds sur la carte.

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
 
var myOptions = {
		zoom: 1,
		center: new google.maps.LatLng(0, 0),
		scrollwheel: true,
		scaleControl: true,
		disableDefaultUI: false,
		mapTypeId: google.maps.MapTypeId.ROADMAP
	};
	var myMap = new google.maps.Map(document.getElementById("myMap"),
	myOptions);
 
	var kmllayerFiles = new Array();
	kmllayerFiles[0] = 'map1.kmz';
	kmllayerFiles[1] = 'map2.kmz';
 
	var LatLngUnion = null;
	var kmllayer = new Array();
 
	for(var i=0; i < kmllayerFiles.length; i++) {
		kmllayer[i] = new google.maps.KmlLayer(kmllayerFiles[i] + '?112', {preserveViewport:true});
		kmllayer[i].setMap(myMap);
 
		google.maps.event.addListener(kmllayer[i], "defaultviewport_changed", 
			function() {
				if(LatLngUnion == null) {
					LatLngUnion = this.getDefaultViewport();
				} else {
					LatLngUnion.union(this.getDefaultViewport());
				}
 
				myMap.fitBounds(LatLngUnion);
			});
	}

Julien