WebSVN – eFlore/Applications.cel – Diff – /trunk/src/org/tela_botanica/client/vues/observation/CartographieObservationVue.java

 package org.tela_botanica.client.vues.observation;
-import org.tela_botanica.client.interfaces.Rafraichissable;
-import org.tela_botanica.client.modeles.objets.Configuration;
+import org.tela_botanica.client.interfaces.Rafraichissable;
 import org.tela_botanica.client.modeles.objets.EntiteGeographiqueObservation;
 import org.tela_botanica.client.observation.ObservationMediateur;
-import org.tela_botanica.client.util.Util;
-import com.google.gwt.maps.client.InfoWindow;
-import com.google.gwt.maps.client.InfoWindowContent;
-import com.google.gwt.maps.client.MapType;
-import com.google.gwt.maps.client.MapWidget;
-import com.google.gwt.maps.client.Maps;
-import com.google.gwt.maps.client.control.LargeMapControl;
-import com.google.gwt.maps.client.event.MapClickHandler;
-import com.google.gwt.maps.client.event.MapZoomEndHandler;
-import com.google.gwt.maps.client.event.MarkerClickHandler;
-import com.google.gwt.maps.client.event.MarkerDragEndHandler;
-import com.google.gwt.maps.client.event.MarkerDragStartHandler;
-import com.google.gwt.maps.client.geom.LatLng;
-import com.google.gwt.maps.client.overlay.Marker;
+import org.tela_botanica.client.util.Util;
 import com.google.gwt.maps.client.overlay.MarkerOptions;
 import com.google.gwt.user.client.Timer;
 import com.google.gwt.user.client.Window;
 import com.gwtext.client.core.EventCallback;
 import com.gwtext.client.widgets.event.ContainerListenerAdapter;
 import com.gwtext.client.widgets.form.Label;
 import com.gwtext.client.widgets.layout.FitLayout;
 import com.gwtext.client.widgets.layout.RowLayout;
 import com.gwtext.client.widgets.layout.RowLayoutData;
+import com.google.maps.gwt.client.GoogleMap;
+import com.google.maps.gwt.client.GoogleMap.ClickHandler;
+import com.google.maps.gwt.client.GoogleMap.ZoomChangedHandler;
+import com.google.maps.gwt.client.InfoWindow;
+import com.google.maps.gwt.client.InfoWindowOptions;
+import com.google.maps.gwt.client.LatLng;
+import com.google.maps.gwt.client.MapOptions;
+import com.google.maps.gwt.client.MapTypeId;
+import com.google.maps.gwt.client.Marker;
+import com.google.maps.gwt.client.MarkerOptions;
+import com.google.maps.gwt.client.MouseEvent;
 public class CartographieObservationVue extends Panel implements Rafraichissable {
 	private String id = "cartographie_observation";
+	private ObservationMediateur oMediateur = null;
 	private ObservationMediateur oMediateur = null;
+	Panel panneauCarto = null;
-	Panel panneauCarto = null;
+	GoogleMap map = null;
-	private MapWidget map;
+	Marker nmk = null;
 	private boolean carteAjoutee = false;
 	Label panneauExplication = new Label(
 			"Précisez le lieu de votre observation et cliquez sur OK. Les coordonnées sont données en degrés décimaux, comptés positivement vers le Nord pour la latitude, et vers l'Est pour la longitude");
-	private InfoWindow info;
-	private boolean listenerInitialise = false;
+	private InfoWindow info;
 	public CartographieObservationVue(ObservationMediateur om) {
 		panneauCarto = new Panel();
 		panneauCarto.setLayout(new FitLayout());
-		setLayout(new RowLayout());
+		setLayout(new RowLayout());
 		panneauCarto.setAutoHeight(true);
 		add(panneauExplication, new RowLayoutData(12));
-		add(panneauCarto, new RowLayoutData());
-		if(!carteAjoutee) {
-			Maps.loadMapsApi(Configuration.getCleGoogleMaps(), "2", false, new Runnable() {
-				@Override
-				public void run() {
-					initialiserCarte(false);
-				}
-			});
 		add(panneauCarto, new RowLayoutData());
 		addListener(new ContainerListenerAdapter() {
-			@Override
-			public void onAfterLayout(Container c) {
-				if(carteAjoutee) {
-					panneauCarto.setHeight("100%");
-					if((panneauCarto.getHeight() - 20) > map.getSize().getHeight()) {
-						map.setSize(map.getSize().getWidth()+"px", (panneauCarto.getHeight() - 20)+"px");
-					}
-					panneauCarto.doLayout();
+			@Override
-					panneauCarto.expand();
+			public void onAfterLayout(Container c) {
-				}
-			}
-		});
+				initialiserCarte(false);
+			}
-		panneauCarto.setAutoHeight(true);
+		});
+	}
 	public void setTailleCarte(int hauteur, int largeur) {
+			}
+		}
+	}
 	public void obtenirInfosCommunes(LatLng coord) {
-		oMediateur.obtenirInformationCoord(this, coord);
+		oMediateur.obtenirInformationCoord(this, coord.lat(), coord.lng());
+	}
 	public void mettreAJourInfos(final LatLng pointNouvelleCommune, String infosComplementaires, int zoom) {
+		GoogleMap mapNulle = null;
-		if (!carteAjoutee) {
+		if(nmk != null) {
-			initialiserCarte(true);
 			nmk.setMap(mapNulle);
-		pointCommune = pointNouvelleCommune;
+		}
-		map.clearOverlays();
+		pointCommune = pointNouvelleCommune;
-		Marker nmk = fabriquerMarqueur(pointCommune, infosComplementaires);
+		nmk = fabriquerMarqueur(pointCommune, infosComplementaires);
-		map.addOverlay(nmk);
+		nmk.setMap(map);
 		afficherInfoMarker(nmk);
 		recentrerCarte();
+	}
-	}
+	private void initialiserCarte(boolean commune) {
-	public void initialiserCarte(boolean commune) {
+		panneauCarto.clear();
+		centreFrance = LatLng.create(47.0504, 2.2347);
+		pointCommune = centreFrance;
+		MapOptions options  = MapOptions.create();
+	    options.setCenter(centreFrance);
+	    options.setZoom(6) ;
+	    options.setMapTypeId(MapTypeId.HYBRID);
+	    options.setDraggable(true);
+	    options.setMapTypeControl(true);
+	    options.setScaleControl(true) ;
-		centreFrance = LatLng.newInstance(47.0504, 2.2347);
+	    options.setScrollwheel(true) ;
-		pointCommune = centreFrance;
+		map = GoogleMap.create(panneauCarto.getElement(), options ) ;
+		InfoWindowOptions infopts = InfoWindowOptions.create();
+		info = InfoWindow.create();
+		info.setOptions(infopts);
+		info.addCloseClickListener(new InfoWindow.CloseClickHandler() {
+			@Override
 			public void handle() {
-		map = new MapWidget(pointCommune, niveauZoom);
+				infoOuverte = false;
 		panneauCarto.add(map);
-		panneauCarto.doLayout();
+		});
-		info = map.getInfoWindow();
-		if(!commune) {
-			fabriquerMarqueurIndication();
-		}
-		map.setZoomLevel(6);
-		map.checkResizeAndCenter();
-		map.setUIToDefault();
-		map.addControl(new LargeMapControl());
-		map.setCurrentMapType(MapType.getHybridMap());
-		carteAjoutee = true;
+		if(!commune) {
-		panneauCarto.doLayout();
+			fabriquerMarqueurIndication();
 		map.addMapClickHandler(new MapClickHandler() {
-			@Override
-			public void onClick(MapClickEvent event) {
+		map.addClickListener(new ClickHandler() {
-				//TODO : quoi faire du double clic ?
+			@Override
-				obtenirInfosCommunes(event.getLatLng());
 			public void handle(MouseEvent event) {
+				obtenirInfosCommunes(event.getLatLng());
-		});
+			}
 		});
-		map.addMapZoomEndHandler(new MapZoomEndHandler() {
+		map.addZoomChangedListener(new ZoomChangedHandler() {
+			@Override
+			public void handle() {
+				niveauZoom = (int)map.getZoom();
+			}
+		});
 			@Override
-			public void onZoomEnd(MapZoomEndEvent event) {
+		panneauCarto.doLayout();
+		panneauCarto.expand();
+		panneauCarto.setHeight("100%");
+		panneauCarto.setWidth("100%");
+		expand();
-				niveauZoom = event.getNewZoomLevel();
+	}
-			}
+	public void fabriquerMarqueurIndication() {
-		});
+		GoogleMap mapNulle = null;
 		if(nmk != null) {
+			nmk.setMap(mapNulle);
-	public void fabriquerMarqueurIndication() {
+		}
+		nmk = fabriquerMarqueur(pointCommune,"");
+		nmk.setMap(map);
-		Marker marker = fabriquerMarqueur(pointCommune,"");
+		info.setContent("<div id=\"info_contenu\">"+
-		map.addOverlay(marker);
+				"Déplacez ce marqueur pour localiser votre observation (commune et coordonnées)<br />"
-		info.open(marker, new InfoWindowContent("<div id=\"info_contenu\">"+
+				+"longitude="
-				"Déplacez ce marqueur pour localiser votre observation (commune et coordonnées)<br />"
+				+ nmk.getPosition().lng() + "<br />latitude="
+	}
 	private void ajouterListenerBouton(final String idBouton) {
 		final ExtElement bouton = Ext.get(idBouton);
 		final ExtElement bouton = Ext.get(idBouton);
 		if(bouton == null) {
 			Timer t = new Timer() {
 				@Override
 				public void run() {
-					ajouterListenerBouton(idBouton);
 					ajouterListenerBouton(idBouton);
+				}
 			};
+			t.schedule(500);
+			return;
+		} else {
+			bouton.addListener("click", new EventCallback() {
+				@Override
+				public void execute(EventObject e) {
+					EntiteGeographiqueObservation infosCommune = new EntiteGeographiqueObservation(codeCommune,valeurCommune,null,null);
+					infosCommune.setLat(pointCommune.lat()+"");
+					infosCommune.setLon(pointCommune.lng()+"");
+					oMediateur.rafraichirSaisieCommuneObservation(infosCommune);
+				}
+			});
 			t.schedule(500);
-			return;
-		}
-		bouton.addListener("click", new EventCallback() {
-			@Override
-			public void execute(EventObject e) {
-				EntiteGeographiqueObservation infosCommune = new EntiteGeographiqueObservation(codeCommune,valeurCommune,null,null);
-				infosCommune.setLat(pointCommune.getLatitude()+"");
-				infosCommune.setLon(pointCommune.getLongitude()+"");
-				oMediateur.rafraichirSaisieCommuneObservation(infosCommune);
-			}
-		});
 			bouton.focus();
 		bouton.focus();
+	}
 				lon = Double.parseDouble(infos.getLon());
 			} catch (NumberFormatException nbe) {
 			}
-			LatLng coord = LatLng.newInstance(lat, lon);
+			LatLng coord = LatLng.create(lat, lon);
 		masquerChargement(false);
+	}
 	public Marker fabriquerMarqueur(LatLng pointMarqueur, final String texte) {
 		// ajout de marqueurs déplacables, qui affichent une bulle d'information
-		MarkerOptions options = MarkerOptions.newInstance();
+		MarkerOptions options = MarkerOptions.create();
+		options.setDraggable(true);
-		options.setDraggable(true);
+		options.setPosition(pointMarqueur);
-		final Marker marker = new Marker(pointMarqueur, options);
+		final Marker marker = Marker.create(options);
 		marker.addDragEndListener(new Marker.DragEndHandler() {
-		marker.addMarkerDragEndHandler(new MarkerDragEndHandler() {
-			@Override
-			public void onDragEnd(MarkerDragEndEvent event) {
+			@Override
-				masquerChargement(true);
+			public void handle(MouseEvent event) {
-				obtenirInfosCommunes(marker.getLatLng());
 				obtenirInfosCommunes(event.getLatLng());
+			}
 		});
 		marker.addDragStartListener(new Marker.DragStartHandler() {
-		marker.addMarkerDragStartHandler(new MarkerDragStartHandler() {
 			@Override
-			public void onDragStart(MarkerDragStartEvent event) {
+			public void handle(MouseEvent event) {
-				info.setVisible(false);
+				info.close();
-			}
-		});
+			}
+		});
-		marker.addMarkerClickHandler(new MarkerClickHandler() {
+		marker.addClickListener(new Marker.ClickHandler() {
 			@Override
+			public void handle(MouseEvent event) {
-			public void onClick(MarkerClickEvent event) {
+				if(infoOuverte) {
-				if(info.isVisible()) {
+					info.close();
+					infoOuverte = false;
-					info.close();
+				} else {
-				} else {
+					afficherInfoMarker(marker);
-					afficherInfoMarker(marker);
+					infoOuverte = true;
-				}
+				}
 		});
 		});
-		return marker;
-	}
+		return marker;
 	public void recentrerCarte() {
+	public void recentrerCarte() {
+		if(this.getWidth() > 12 && this.getHeight() > 24) {
-		if(this.getWidth() > 12 && this.getHeight() > 24) {
+			panneauCarto.setSize((this.getWidth() - 12)+"px" , (this.getHeight() - 12)+"px");
-			map.setSize((this.getWidth() - 12)+"px" , (this.getHeight() - 24)+"px");
+		}
+		panneauCarto.doLayout();
-			panneauCarto.setSize((this.getWidth() - 12)+"px" , (this.getHeight() - 12)+"px");
+		panneauCarto.expand();
 		panneauCarto.setHeight("100%");
-		map.setCenter(pointCommune, niveauZoom);
+		panneauCarto.setWidth("100%");
-		map.checkResizeAndCenter();
+		expand();
 	}
 	public boolean isCarteAjoutee() {
-		return carteAjoutee;
+	public boolean isCarteAjoutee() {
 		return carteAjoutee;
+	}
 	public void afficherInfoMarker(Marker marker) {
+	public void afficherInfoMarker(Marker marker) {
 		final String htmlBoutonOk = "<br /><button id=\"okMap\" class=\"x-btn-text\" type=\"button\">OK</button>";
 		String contenuMarker = "";
 		if(valeurCommune == null || valeurCommune.trim().equals("")) {
-			if(marker.getLatLng().getLongitude() == 0 && marker.getLatLng().getLatitude() == 0) {
+			if(marker.getPosition().lng() == 0 && marker.getPosition().lat() == 0) {
 				LatLng point = centreFrance;
-				marker.setLatLng(point);
+				marker.setPosition(point);
 				niveauZoom = 6;
+			}
 			contenuMarker = "<div id=\"info_contenu\">"+
 			"Aucune commune française trouvée à cet emplacement <br />"
 			+"Déplacez ce marqueur pour localiser votre observation (commune et coordonnées)<br />"
 			+"longitude="
-			+ marker.getLatLng().getLongitude() + "<br />latitude="
+			+ marker.getPosition().lng() + "<br />latitude="
-			+ marker.getLatLng().getLatitude() + "</div>";
+			+ marker.getPosition().lat() + "</div>";
 		} else {
+			contenuMarker = ""
+			+valeurCommune+" ("+codeCommune+")<br />"
+			+"longitude="
+			+ marker.getPosition().lng() + "<br />latitude="
-			contenuMarker = ""
+			+ marker.getPosition().lat() ;
+		}
-			+valeurCommune+" ("+codeCommune+")<br />"
+		info.setContent(contenuMarker+ htmlBoutonOk);
-			+"longitude="
-			+ marker.getLatLng().getLongitude() + "<br />latitude="
-			+ marker.getLatLng().getLatitude() ;
-		}
-		info.open(marker, new InfoWindowContent(""
+		info.open(map, marker);
+		info.addDomReadyListenerOnce(new InfoWindow.DomReadyHandler() {
+			@Override
+			public void handle() {
-				+ contenuMarker
+				ajouterListenerBouton("okMap");

Subversion Repositories eFlore/Applications.cel

(root)/trunk/src/org/tela_botanica/client/vues/observation/CartographieObservationVue.java @ 1958 – Rev 1292 → 1958