MapChart

Inhalt:

Achtung: Für die Verwendung der XdevGeoChart oder XdevMapChart ist ein Google API-Key erforderlich. Dieser API-Key kann hier angefordert werden.

Optimale Datenstruktur (Datenbank):

LatLongBeschriftung
37.4232-122.0853"Work"
37.4289-122.1697"University"
37.6153-122.3900"Airport"
...

oder

AdresseBeschriftung
"Musterweg 16 92225 Musterndorf""Work"

Optimale Objektstruktur (Java)

public class MapChartObject {
	private Double longitude;
	private Double latitude;
	private String name;

	public Double getLongitude() {
		return longitude;
	}

	public void setLongitude(Double longitude) {
		this.longitude = longitude;
	}

	public Double getLatitude() {
		return latitude;
	}

	public void setLatitude(Double latitude) {
		this.latitude = latitude;
	}

	public String getName() {
		return name;
	}

	public void setName(String name) {
		this.name = name;
	}
}

Beispiel: Füllen der Daten

//Beim Instanziieren muss das DataMapFormat definiert werden
//DataMapFormat.Latitude --> Definition der Orte über "Long" and "Lat"
//DataMapFormat.Address --> Definition der Orte die Adresse z.B. "Mustersweg 16 92224 Musterndorf"
final ChartModel model = ChartModel.New()
	.addColumn(Column.New(Column.Type.NUMBER, "longitude"))
	.addColumn(Column.New(Column.Type.NUMBER, "latitude"))
	.addColumn(Column.New(Column.Type.STRING, "Beschriftung"));
		
model.addRow(37.4232, -122.0853, "Work");
model.addRow(37.4289, -122.1697, "University");
model.addRow(37.6153, -122.3900, "Airport");
model.addRow(37.4422, -122.1731, "Shopping");

mapChart.setModel(model);

API und Methoden:

Properties
API Key

For some charts a API Key from Goofle is nessesary. You can get a key here: https://developers.google.com/maps/documentation/javascript/get-api-key

mapsChart.setMapsApiKey("123456789wertzuiopü");
MapType

The type of map to show. Possible values are 'normal', 'terrain', 'satellite', 'hybrid', or the ID of a custom map type, if any were created.

mapsChart.setMapType("normal");
ShowInfoWindow

If set to true, shows the location description in a separate window when a point marker is selected by the user.

mapsChart.setShowInfoWindow(true);
ShowLine

If set to true, shows a Google Maps polyline through all the points.

mapsChart.setShowLine(true);
ShowTooltip

If set to true, shows the location description as a tooltip when the mouse is positioned above a point marker. This option used to be called showTip up until version 45. Note that at this time, HTML is not supported, so the tooltip would show raw HTML tags.

mapsChart.setShowTooltip(true);
UseMapTypeControl

Show a map type selector that enables the viewer to switch between [map, satellite, hybrid, terrain]. When useMapTypeControl is false (default) no selector is presented and the type is determined by the mapType option.

mapsChart.setUseMapTypeControl(true);
ZoomLevel

An integer indicating the initial zoom level of the map, where 0 is completely zoomed out (whole world) and 19 is the maximum zoom level. (See "Zoom Levels" in the Google Maps API.)

mapsChart.setZoomLevel(8);
EnableScrollWheel

If set to true, enables zooming in and out using the mouse scroll wheel.

mapsChart.setEnableScrollWheel(true);