Dynamic objects Adding/removal with Qt Quick Map API - Revision history

Hamishwillee: Text replace - "[[Category:Nokia Maps" to "[[Category:HERE Maps"

2013-04-24T03:24:08Z

Text replace - "[[Category:Nokia Maps" to "[[Category:HERE Maps"

Hamishwillee: Hamishwillee - Bot update - Add ArticleMetadata

2012-07-20T06:16:48Z

Hamishwillee - Bot update - Add ArticleMetadata

Hamishwillee: Text replace - "Category:MeeGo" to "Category:MeeGo Harmattan"

2012-06-13T10:52:43Z

Text replace - "Category:MeeGo" to "Category:MeeGo Harmattan"

Hamishwillee: Hamishwillee - Addition to article of: Category:MeeGo Category:Symbian. (Add platform categories)

2012-02-15T05:54:14Z

Hamishwillee - Addition to article of: Category:MeeGo Category:Symbian. (Add platform categories)

Jasfox: Jasfox - Corrected Category

2012-01-27T08:52:24Z

Jasfox - Corrected Category

Symbianyucca: Symbianyucca -

2011-10-04T09:19:23Z

Symbianyucca -

New page

[[Category:Qt Quick]][[Category:Location]][[Category:Qt Mobility]][[Category:Code Examples]]

With QML Map element you can add following items to the Map element:
* MapPolygon: for general polygon objects
* MapPolyline: for general polyline objects
* MapCircle: for Circle objects (polygon)
* MapRectangle: for Rectangle objects (polygon)
* MapText: for textual map objects
* MapImage: for Icon (marker/pushpin) objects.

Basically if you know the elements to be shown on coding time, you can easily define the objects inside the Map element and use the visible variable to set them hidden/visible. This would mean that no actual dynamic handling is required. Here’s simple code example on toggling the visibility of a polyline objec

<code>
if(polylines.visible)
polylines.visible = false;
else
polylines.visible = true;
</code>

Full examples on this kind of content handling can be found from [[Media:QML_SimpleMapContent.zip | QML_SimpleMapContent.zip‎]] and [[Media:QML_MoreMapContent.zip | QML_MoreMapContent.zip‎]] examples.

You can also manage map objects in groups by using the MapGroup element. Note though that
with some versions there is a [https://bugreports.qt.nokia.com/browse/QTMOBILITY-1878 bug] that prevents the visible variable working for MapGroup. The workaround is to use the objects array, and to loop the items inside the MapGroup one by one and set their visibility individually:

<code>
for (var i = 0; i < icons.objects.length; ++i) {
icons.objects[i].visible = icons.visible;
}
</code>

Full example for the workaround is also shown in [[Media:QML_SimpleMapContent.zip | QML_SimpleMapContent.zip‎]] example with MapImages inside a MapGroup.

If the objects need to be specified on run time, or if real dynamic handling of the content objects is required, you can use the addMapObject/removeMapObject functions defined for the Map element. Already added objects should be visible in objects, though note [https://bugreports.qt.nokia.com/browse/QTMOBILITY-1879 a bug] effecting some versions, where the objects is not defined, and thus can not be used.

One possible workaround for the missing objects array, is to define own javascript array and use it to track the objects added to the Map. For example adding a new circle object into the Map could be handled as follows:

<code>
var newCircle = Qt.createQmlObject('import QtQuick 1.1;import QtMobility.location 1.2; MapCircle {color: "#40FF0000"; radius: 3000; }',map, "dynamicSnippet1");
newCircle.center = map.toCoordinate(Qt.point(mouse.x,(mouse.y - titleBar.height)));

Script.myCirclesArray.push(newCircle);
map.addMapObject(newCircle);
</code>

Removing of the object could then be handled for example like this
<code>
map.removeMapObject(Script.myCirclesArray[__SelectedCircle]);
Script.myCirclesArray.splice(__SelectedCircle,1)
</code>

With the snippeds the "Script.myCirclesArray" is javascript array. Full example for the workaround can be found from [[Media:QML_DynamicPolyline.zip | QML_DynamicPolyline.zip]] example.

@@ Line 21: / Line 21: @@
 |author= [[User:Symbianyucca]]
 }}
-[[Category:Qt Quick]][[Category:Qt Mobility]][[Category:Nokia Maps]][[Category:Code Snippet]]
+[[Category:Qt Quick]][[Category:Qt Mobility]][[Category:HERE Maps]][[Category:Code Snippet]]
 With QML Map element you can add following items to the Map element:
 * MapPolygon: for general polygon objects

@@ Line 1: / Line 1: @@
 [[Category:Qt Quick]][[Category:Qt Mobility]][[Category:Nokia Maps]][[Category:Code Snippet]]
 With QML Map element you can add following items to the Map element:
@@ Line 19: / Line 41: @@
 </code>
-Full examples on this kind of content handling can be found from [[Media:QML_SimpleMapContent.zip | QML_SimpleMapContent.zip‎]] and [[Media:QML_MoreMapContent.zip | QML_MoreMapContent.zip‎]] examples.
+Full examples on this kind of content handling can be found from [[Media:QML SimpleMapContent.zip | QML SimpleMapContent.zip‎]] and [[Media:QML MoreMapContent.zip | QML MoreMapContent.zip‎]] examples.
 You can also manage map objects in groups by using the MapGroup element. Note though that
@@ Line 31: / Line 53: @@
-Full example for the workaround is also shown in [[Media:QML_SimpleMapContent.zip | QML_SimpleMapContent.zip‎]] example with MapImages inside a MapGroup.
+Full example for the workaround is also shown in [[Media:QML SimpleMapContent.zip | QML SimpleMapContent.zip‎]] example with MapImages inside a MapGroup.
 If the objects need to be specified on run time, or if real dynamic handling of the content objects is required, you can use the addMapObject/removeMapObject functions defined for the Map element. Already added objects should be visible in objects, though note [https://bugreports.qt.nokia.com/browse/QTMOBILITY-1879 a bug] effecting some versions, where the objects is not defined, and thus can not be used.
@@ Line 51: / Line 73: @@
 </code>
-With the snippeds the "Script.myCirclesArray" is javascript array. Full example for the workaround can be found from [[Media:QML_DynamicPolyline.zip | QML_DynamicPolyline.zip]] example.[[Category:MeeGo Harmattan]] [[Category:Symbian]]
+With the snippeds the "Script.myCirclesArray" is javascript array. Full example for the workaround can be found from [[Media:QML DynamicPolyline.zip | QML DynamicPolyline.zip]] example.[[Category:MeeGo Harmattan]] [[Category:Symbian]]

← Older revision		Revision as of 10:52, 13 June 2012
Line 51:		Line 51:
	</code>		</code>

−	With the snippeds the "Script.myCirclesArray" is javascript array. Full example for the workaround can be found from [[Media:QML_DynamicPolyline.zip \| QML_DynamicPolyline.zip]] example.[[Category:MeeGo]] [[Category:Symbian]]	+	With the snippeds the "Script.myCirclesArray" is javascript array. Full example for the workaround can be found from [[Media:QML_DynamicPolyline.zip \| QML_DynamicPolyline.zip]] example.[[Category:MeeGo Harmattan]] [[Category:Symbian]]

← Older revision		Revision as of 05:54, 15 February 2012
Line 51:		Line 51:
	</code>		</code>

−	With the snippeds the "Script.myCirclesArray" is javascript array. Full example for the workaround can be found from [[Media:QML_DynamicPolyline.zip \| QML_DynamicPolyline.zip]] example.	+	With the snippeds the "Script.myCirclesArray" is javascript array. Full example for the workaround can be found from [[Media:QML_DynamicPolyline.zip \| QML_DynamicPolyline.zip]] example.[[Category:MeeGo]] [[Category:Symbian]]