Blog of Claudius Hauptmann

I’ve just uploaded a beta release of the previous anounced library gwt-maps-gxt, that integrates the tooltips and popup menus of Ext GWT into the Google Maps wrapper for GWT. You can attach different popup menus for lines, vertices and end points of a polyline.

If you are looking for help how to use this library with your own google maps-mashup, my tutorial might be useful. Don’t forget to additionally add both jar-files of GXT and gwt-maps-gxt to the build path (look at step 4 of the eclipse setup). The download contains rudimentary javadoc.

UPDATE (06/30/2009): Links updated.

Here is a demo of the wrapper and the source code of the sample is here.

For all who love the Google Web Toolkit (GWT), the nice-looking GUI components of GXT (the GWT-version of ExtJs) and Google Maps, I’ve started a google code-project that integrates the tooltips and popup menus of GXT into the GWT version of Google Maps:

http://code.google.com/p/gwt-maps-gxt/

The screenshot shows a tool tip that ist attached to the standard Google Maps marker (the mouse pointer is missing), popup menus will come soon:

The java code of the sample:

package com.claudiushauptmann.gwt.maps.gxt.samples.client;

import com.claudiushauptmann.gwt.maps.gxt.client.MarkerTip;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.maps.client.MapWidget;
import com.google.gwt.maps.client.control.LargeMapControl;
import com.google.gwt.maps.client.geom.LatLng;
import com.google.gwt.maps.client.overlay.Marker;
import com.google.gwt.user.client.ui.RootPanel;

public class GwtMapsGxt_Sample implements EntryPoint {
	private MapWidget mapWidget;
	private Marker  marker;
	private MarkerTip markerTip;

	public void onModuleLoad() {
		mapWidget = new MapWidget();
		mapWidget.setCenter(LatLng.newInstance(48.136559, 11.576318), 13);
		mapWidget.setWidth("100%");
		mapWidget.setHeight("100%");
		mapWidget.addControl(new LargeMapControl());
		mapWidget.setContinuousZoom(true);
		mapWidget.setScrollWheelZoomEnabled(true);
		RootPanel.get().add(mapWidget);

		marker = new Marker(mapWidget.getCenter());
		mapWidget.addOverlay(marker);

		markerTip = new MarkerTip(mapWidget, marker);
		markerTip.setTitle("Marienplatz");
		markerTip.setDescription("Marienplatz is a central square in the"
				+ " city center of Munich, Germany since 1158.<br/>"
				+ " In the Middle Ages markets and tournaments were held in this"
				+ " city square. The Glockenspiel in the new city hall was inspired"
				+ " by these tournaments, and draws millions of tourists a year.");
	}
}