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" |
... |
|
|
...
Adresse | Beschriftung |
---|
"Musterweg 16 92225 Musterndorf" | "Work" |
Optimale Objektstruktur (Java)
Code Block |
---|
language | java |
---|
theme | Eclipse |
---|
firstline | 1 |
---|
linenumbers | true |
---|
|
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
Code Block |
---|
language | java |
---|
theme | Eclipse |
---|
firstline | 1 |
---|
linenumbers | true |
---|
|
//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 XdevMapChartModelChartModel 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); |
API und Methoden:
...
...
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 |
---|
| 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. |
...
XdevMapChart chart = new XdevMapChart("<api-key>");
//oder
XdevMapChart mapChart= new XdevMapChart();
mapChart.setApiKey("<api-key>");
mapsChart.setShowInfoWindow(true); |
|
ShowLine | If set to true, shows a Google Maps polyline through all the points. Code Block |
---|
| 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. Code Block |
---|
| 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 |
---|
| mapsChart.setZoomLevel(8); |
|
EnableScrollWheel | If set to true, enables zooming in and out using the mouse scroll wheel. Code Block |
---|
| mapsChart.setEnableScrollWheel(true); |
|