Subversion Repositories eFlore/Applications.cel

Rev

Rev 435 | Rev 440 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 435 Rev 439
Line 12... Line 12...
12 
		<script src="<?=$url_json?>" type="text/javascript"></script>
 12 
		<script src="<?=$url_json?>" type="text/javascript"></script>
13 
		<script type="text/javascript">
 13 
		<script type="text/javascript">
14 
		//<![CDATA[
 14 
		//<![CDATA[
15 
			var markerClusterer = null;
 15 
			var markerClusterer = null;
16 
			var map = null;
 16 
			var map = null;
17 
			var imageUrl = 'http://chart.apis.google.com/chart?cht=mm&chs=24x32&chco=FFFFFF,008CFF,000000&ext=.png';
 17 
			var pointImageUrl = 'http://chart.apis.google.com/chart?cht=mm&chs=24x32&chco=FFFFFF,008CFF,000000&ext=.png';
18 
			var carteCentre = new google.maps.LatLng(46.4, 3.10);
 18 
			var carteCentre = new google.maps.LatLng(46.4, 3.10);
19 
			var carteOptions = {
 19 
			var carteOptions = {
20 
				zoom: 6,
 20 
				zoom: 6,
21 
				center: carteCentre,
 21 
				center: carteCentre,
22 
				mapTypeId: google.maps.MapTypeId.ROADMAP
 22 
				mapTypeId: google.maps.MapTypeId.ROADMAP
Line 25... Line 25...
25 
			function refreshMap() {
 25 
			function refreshMap() {
26 
				if (markerClusterer) {
 26 
				if (markerClusterer) {
27 
					markerClusterer.clearMarkers();
 27 
					markerClusterer.clearMarkers();
28 
				}
 28 
				}
Line 29... Line 29...
29 
 
 29 
 
30 
				var markers = [];
 30 
				var points = [];
31 
				var markerImage = new google.maps.MarkerImage(imageUrl,	new google.maps.Size(24, 32));
 - 
 
- 
 
 31 
				var pointImage = new google.maps.MarkerImage(pointImageUrl, new google.maps.Size(24, 32));
32
32 
				var infoBulle = new google.maps.InfoWindow();
33 
				for (var i = 0; i < obs.nombre; ++i) {
 33 
				for (var i = 0; i < obs.nombre; ++i) {
34 
					var latLng = new google.maps.LatLng(obs.points[i].coord_x, obs.points[i].coord_y);
 34 
					var maLatLng = new google.maps.LatLng(obs.points[i].coord_x, obs.points[i].coord_y);
35 
					var marker = new google.maps.Marker({
 35 
					var point = new google.maps.Marker({
36 
						position: latLng,
 36 
						position: maLatLng,
37 
						map: map,
 37 
						map: map,
38 
						icon: markerImage,
 38 
						icon: pointImage,
39 
						title: 'test'
 39 
						title: 'test'
Line 40... Line 40...
40 
					});
 40 
					});
41 
 
 41 
 
42 
					var contenu = latLng.toString();
 42 
					google.maps.event.addListener(point, 'click', function() {
43 
					var infowindow = new google.maps.InfoWindow({
 - 
 
44 
						content: contenu
 - 
 
45 
					});
 - 
 
46 
 
 43 
						var contenu = this.getPosition().toString();
47 
					google.maps.event.addListener(marker, 'click', function() {
 44 
						infoBulle.setContent(contenu);
Line 48... Line 45...
48 
						infowindow.open(map, marker);
 45 
						infoBulle.open(map, this);
49 
					});
 46 
					});
Line 50... Line 47...
50
47
51 
					markers.push(marker);
 48 
					points.push(point);
Line 52... Line 49...
52 
				}
 49 
				}
53 
 
 50 
 
54 
				markerClusterer = new MarkerClusterer(map, markers);
 51 
				markerClusterer = new MarkerClusterer(map, points);