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):
Lat | Long | Beschriftung |
---|---|---|
37.4232 | -122.0853 | "Work" |
37.4289 | -122.1697 | "University" |
37.6153 | -122.3900 | "Airport" |
... |
oder
Adresse | Beschriftung |
---|---|
"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 geoChart.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 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); |