Revision as of 16:11, 13 January 2013

In this tutorial we'll show how you can create a nice shiny placemark with an icon and associated geometries (such as LineStrings, LinearRings, Polygons or MultiGeometries). We also cover basic styling of placemarks and geometries.

GeoDataPlacemark is a class which implements the features of KML's Placemark. Basically, it represents an interest point (a simple point or a more complex geometry) on the map, with some information attached.

In order to add a GeoDataPlacemark to our widget, we will use the GeoDataDocument class, which is a container for features (including placemarks) and styles. To make the Document visible, we need to add it to Marble's TreeModel, as shown in the first example below:

If things go fine, execute ./my_marble and you are going to see the placemark of our newly created Bucharest point.

The data we have set for our city (Population and Country) also appear, when clicking on the placemark.

As we said earlier in this tutorial, it is possible to add more complex geometry to a placemark, meaning objects belonging to GeoDataGeometry or to one of the classes which inherit it.

Styles are another important property of placemarks. They are used in order to customize the appearance of the placemark on the map (e.g. by adding an icon). Geometries such as LineStrings, LinearRings or Polygons can be styled as well: You can change properties such as the pen color, the brush color and the line width.

The next example shows how more complex geometry and styles can be added, by creating Bucharest's city boundary, and by adding an interest point (touristic objective) with a photo replacing the regular placemark icon. (in order for the example to work properly you will need to download the icon and place it in the same folder as the source code)

#include <QtGui/QApplication>#include <QtGui/QTreeView>#include <marble/MarbleWidget.h>#include <marble/MarbleModel.h>#include <marble/GeoDataDocument.h>#include <marble/GeoDataCoordinates.h>#include <marble/GeoDataPlacemark.h>#include <marble/GeoDataLineString.h>#include <marble/GeoDataLinearRing.h>#include <marble/GeoDataTreeModel.h>#include <marble/GeoDataStyle.h>#include <marble/GeoDataIconStyle.h>#include <marble/GeoDataLineStyle.h>#include <marble/GeoDataPolyStyle.h>#include <cstdio>usingnamespaceMarble;voidaddPoints(GeoDataLinearRing&linearRing){linearRing<<GeoDataCoordinates(25.97226722704463,44.43497647488007,0,GeoDataCoordinates::Degree)<<GeoDataCoordinates(26.04711276456992,44.4420741223712,0,GeoDataCoordinates::Degree)<<GeoDataCoordinates(25.99712510557899,44.48015825036597,0,GeoDataCoordinates::Degree)<<GeoDataCoordinates(26.11268978668501,44.53902366720936,0,GeoDataCoordinates::Degree)<<GeoDataCoordinates(26.12777496065434,44.48972441010599,0,GeoDataCoordinates::Degree)<<GeoDataCoordinates(26.17769825773425,44.47685689461117,0,GeoDataCoordinates::Degree)<<GeoDataCoordinates(26.16489863910029,44.45366647920105,0,GeoDataCoordinates::Degree)<<GeoDataCoordinates(26.23394105442375,44.43247765101769,0,GeoDataCoordinates::Degree)<<GeoDataCoordinates(26.23388161223319,44.40720014793351,0,GeoDataCoordinates::Degree)<<GeoDataCoordinates(26.18689640043445,44.40683215952335,0,GeoDataCoordinates::Degree)<<GeoDataCoordinates(26.1462530009004,44.36252655873379,0,GeoDataCoordinates::Degree)<<GeoDataCoordinates(25.97226722704463,44.43497647488007,0,GeoDataCoordinates::Degree);}voidcreateStyleBucharest(GeoDataStyle&style){GeoDataLineStylelineStyle(QColor(255,0,0,90));lineStyle.setWidth(8);GeoDataPolyStylepolyStyle(QColor(255,0,0,40));polyStyle.setFill(true);style.setLineStyle(lineStyle);style.setPolyStyle(polyStyle);}voidcreateStyleArch(GeoDataStyle&style){GeoDataIconStyleiconStyle;iconStyle.setIconPath("bucharest_small.jpg");style.setIconStyle(iconStyle);}intmain(intargc,char**argv){QApplicationapp(argc,argv);// Create a Marble QWidget without a parentMarbleWidget*mapWidget=newMarbleWidget();// Load the OpenStreetMap mapmapWidget->setMapThemeId("earth/openstreetmap/openstreetmap.dgml");//Create the Linear Ring (polygon) representing Bucharest's boundaries and include it in a placemarkGeoDataLinearRingBucharest;addPoints(Bucharest);GeoDataPlacemarkplacemarkBucharest;placemarkBucharest.setGeometry(&Bucharest);//Create the placemark representing the Arch of TriumphGeoDataPlacemarkplacemarkArch("Arch of Triumph");placemarkArch.setCoordinate(26.0783,44.4671,0,GeoDataCoordinates::Degree);//Add styles (icons, colors, etc.) to the two placemarksGeoDataStylestyleBucharest,styleArch;createStyleBucharest(styleBucharest);placemarkBucharest.setStyle(&styleBucharest);createStyleArch(styleArch);placemarkArch.setStyle(&styleArch);//Create the document and add the two placemarks (the point representing the Arch of Triumph and the polygon with Bucharest's boundaries)GeoDataDocument*document=newGeoDataDocument;document->append(&placemarkBucharest);document->append(&placemarkArch);// Add the document to MarbleWidget's tree modelmapWidget->model()->treeModel()->addDocument(document);// Center the map on Bucharest and set the zoom mapWidget->centerOn(GeoDataCoordinates(26.0783,44.4671,0,GeoDataCoordinates::Degree));mapWidget->zoomView(2400);mapWidget->show();returnapp.exec();}

This is the expected outcome after compiling, running and zooming into Bucharest: