Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Inhalt:

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

Anchor
Data
Data
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)

Code Block
languagejava
themeEclipse
firstline1
linenumberstrue
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;
	}
}

Anchor
Fill
Fill

Beispiel: Füllen der Daten

Code Block
languagejava
themeEclipse
firstline1
linenumberstrue
//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"
XdevMapChartModelfinal ChartModel model = new XdevMapChartModel(DataMapFormat.Latitude);

model.addItem 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.addItemaddRow(37.4289, -122.1697, "University");
model.addItemaddRow(37.6153, -122.3900, "Airport");
model.addItemaddRow(37.4422, -122.1731, "Shopping");

mapChart.setModel(model);

Anchor
Properties
Properties

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

Code Block
languagejava
themeEclipse

...

model.addItem(37.4232, -122.0853, "Work");

//Parameter 1 (37.4232): Latitude
//Parameter 2 (-122.0853): Longitude
//Parameter 3 ("Work"): Beschriftung oder Name des Ortes

...

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.

Code Block
languagejava
themeEclipse
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.

Code Block
languagejava
themeEclipse

...

XdevMapChart chart = new XdevMapChart("<api-key>");

//oder

XdevMapChart mapChart= new XdevMapChart();
mapChart.setApiKey("<api-key>");

...

XdevMapChartConfig config = new XdevMapChartConfig();

...

mapsChart.setShowInfoWindow(true);


ShowLine

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

Code Block
languagejava
themeEclipse
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.

Code Block
languagejava
themeEclipse

...

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.

Code Block
languagejava
themeEclipse

...

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.)

Code Block
languagejava
themeEclipse
mapsChart.setZoomLevel(8);


EnableScrollWheel

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

Code Block
languagejava
themeEclipse
mapsChart.setEnableScrollWheel(true);