Google Landmarks on a Nokia Map using Qt Quick - Revision history

Hamishwillee: Hamishwillee - Bot update - Fix metadata and links

2013-04-24T06:25:40Z

Hamishwillee - Bot update - Fix metadata and links

Hamishwillee: Hamishwillee - Bot update - Fix metadata and links

2013-04-24T05:46:19Z

Hamishwillee - Bot update - Fix metadata and links

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

2013-04-24T03:21:18Z

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

Hamishwillee: Text replace - "`" to ""`


2012-10-11T01:20:27Z
Text replace - "<code cpp>" to "<code cpp-qt>"

			
			
			
			
		
		← Older revision
		Revision as of 01:20, 11 October 2012
		
Line 30:
Line 30:
    
  ===page 1 in main.qml===   ===page 1 in main.qml===
− <code cpp> + <code cpp-qt>
  //page 1   //page 1
       Rectangle {        Rectangle {
Line 89:
Line 89:
  </code>   </code>
  ===page 2 in main.qml===   ===page 2 in main.qml===
− <code cpp> + <code cpp-qt>
    
  //page 2   //page 2
Line 118:
Line 118:
  </code>   </code>
  The page also has a "back" button, which is visible when the [http://doc.qt.nokia.com/qtmobility-1.2/qml-map.html Map] displays   The page also has a "back" button, which is visible when the [http://doc.qt.nokia.com/qtmobility-1.2/qml-map.html Map] displays
− <code cpp> + <code cpp-qt>
    
  // menu bar   // menu bar
Line 166:
Line 166:
    
  === RssModelMap.qml===   === RssModelMap.qml===
− <code cpp> + <code cpp-qt>
  XmlListModel {   XmlListModel {
       id: feedModelMap        id: feedModelMap
Line 192:
Line 192:
    
  === MapDelegate.qml===   === MapDelegate.qml===
− <code cpp> + <code cpp-qt>
  onXmlReadyChanged: {   onXmlReadyChanged: {
                       console.log("******", feedModelMap.count);                        console.log("******", feedModelMap.count);
Line 238:
Line 238:
    
  === PushPin.qml===   === PushPin.qml===
− <code cpp> + <code cpp-qt>
  MapImage {   MapImage {
       id:mapMarker        id:mapMarker



Hamishwillee: Text replace - "Category:MeeGo" to "Category:MeeGo Harmattan"
2012-06-13T10:53:21Z
Text replace - "Category:MeeGo" to "Category:MeeGo Harmattan"

			
			
			
			
		
		← Older revision
		Revision as of 10:53, 13 June 2012
		
Line 1:
Line 1:
− [[Category:Nokia Maps]][[Category:Qt Quick]][[Category:Code Examples]][[Category:MeeGo]] + [[Category:Nokia Maps]][[Category:Qt Quick]][[Category:Code Examples]][[Category:MeeGo Harmattan]]
  {{Abstract|This article demonstrates how to plot landmarks on a Nokia Map using [http://www.developer.nokia.com/Develop/Maps/Maps_API_for_Qt.xhtml Nokia Map API for Qt].}}   {{Abstract|This article demonstrates how to plot landmarks on a Nokia Map using [http://www.developer.nokia.com/Develop/Maps/Maps_API_for_Qt.xhtml Nokia Map API for Qt].}}
  {{SeeAlso|[[Google Landmarks on a Bing Map for WP7]]}}   {{SeeAlso|[[Google Landmarks on a Bing Map for WP7]]}}




Somnathbanik: Somnathbanik - /* Related Article */
2012-01-31T14:47:42Z
Somnathbanik - - Related Article

			
			
			
			
		
		← Older revision
		Revision as of 14:47, 31 January 2012
		
Line 301:
Line 301:
    
  ==Related Article==   ==Related Article==
− *[http://www.developer.nokia.com/Community/Wiki/Facebook_Friends_on_Nokia_Map#Related_Article Facebook_Friends_on_Nokia_Map#Related_Article] + *[http://www.developer.nokia.com/Community/Wiki/Facebook_Friends_on_Nokia_Map Facebook_Friends_on_Nokia_Map]




Somnathbanik: Somnathbanik - /* Source Code */
2012-01-31T14:46:43Z
Somnathbanik - - Source Code

			
			
			
			
		
		← Older revision
		Revision as of 14:46, 31 January 2012
		
Line 298:
Line 298:
  ==Source Code==   ==Source Code==
  The full source code of the example is available here: [[File: GoogleLandmarksQt_v_1.1.zip]]   The full source code of the example is available here: [[File: GoogleLandmarksQt_v_1.1.zip]]
  + 
  + 
  + ==Related Article==
  + *[http://www.developer.nokia.com/Community/Wiki/Facebook_Friends_on_Nokia_Map#Related_Article Facebook_Friends_on_Nokia_Map#Related_Article]




Hamishwillee: Hamishwillee - Remove location category - implicit for Nokia maps. Remove code snippet - implicit for Code Examples
2012-01-25T04:48:33Z
Hamishwillee - Remove location category - implicit for Nokia maps. Remove code snippet - implicit for Code Examples

			
			
			
			
		
		← Older revision
		Revision as of 04:48, 25 January 2012
		
Line 1:
Line 1:
− [[Category:Nokia Maps]][[Category:Qt Quick]][[Category:Code Snippet]][[Category:Code Examples]][[Category:Location]][[Category:MeeGo]] + [[Category:Nokia Maps]][[Category:Qt Quick]][[Category:Code Examples]][[Category:MeeGo]]
  {{Abstract|This article demonstrates how to plot landmarks on a Nokia Map using [http://www.developer.nokia.com/Develop/Maps/Maps_API_for_Qt.xhtml Nokia Map API for Qt].}}   {{Abstract|This article demonstrates how to plot landmarks on a Nokia Map using [http://www.developer.nokia.com/Develop/Maps/Maps_API_for_Qt.xhtml Nokia Map API for Qt].}}
  {{SeeAlso|[[Google Landmarks on a Bing Map for WP7]]}}   {{SeeAlso|[[Google Landmarks on a Bing Map for WP7]]}}




Somnathbanik: Somnathbanik - source Code Updated
2012-01-12T14:18:38Z
Somnathbanik - source Code Updated

			
			
			
			
		
		← Older revision
		Revision as of 14:18, 12 January 2012
		
Line 3:
Line 3:
  {{SeeAlso|[[Google Landmarks on a Bing Map for WP7]]}}   {{SeeAlso|[[Google Landmarks on a Bing Map for WP7]]}}
  {{ArticleMetaData   {{ArticleMetaData
− |sourcecode= [[Media: GoogleLandmarksQt.zip]]<!-- Link to example source code e.g. [[Media:The Code Example ZIP.zip]] --> + |sourcecode= [[Media: GoogleLandmarksQt_v_1.1.zip]]<!-- Link to example source code e.g. [[Media:The Code Example ZIP.zip]] -->
  |installfile= <!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) -->   |installfile= <!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) -->
  |devices= N9/N950  <!-- Devices tested against - e.g. ''devices=N95, N8'') -->   |devices= N9/N950  <!-- Devices tested against - e.g. ''devices=N95, N8'') -->
Line 297:
Line 297:
    
  ==Source Code==   ==Source Code==
− The full source code of the example is available here: [[File: GoogleLandmarksQt.zip]] + The full source code of the example is available here: [[File: GoogleLandmarksQt_v_1.1.zip]]




Somnathbanik: Somnathbanik - /* MapDelegate.qml */
2012-01-07T07:13:57Z
Somnathbanik - - MapDelegate.qml

			
			
			
			
		
		← Older revision
		Revision as of 07:13, 7 January 2012
		
Line 208:
Line 208:
    
  </code>   </code>
− {{Icode|addPushPin()}} function is our point of attraction, here we create dynamic pushpin for each landmarks using [http://doc.qt.nokia.com/4.7-snapshot/qdeclarativedynamicobjects.html Dynamic Object Management in QML]. {{Icode|addPushPin()}} function creates  instances of {{Icode|PushPin.qml}} component dynamically. Each instance is a [http://doc.qt.nokia.com/qtmobility-1.2/qml-mapimage.html MapImage] with properties ''latitude'',''longitude'',''name'' and ''address''. We also put all the pushpin object into an Array, so that we can have a track of all the pushpin plotted on the [http://doc.qt.nokia.com/qtmobility-1.2/qml-map.html#details Map Element]. The method [http://doc.qt.nokia.com/qtmobility-1.2/qml-map.html#addMapObject-method addMapObject()]  adds the map object on the [http://doc.qt.nokia.com/qtmobility-1.2/qml-map.html Map]. + {{Icode|addPushPin()}} function is our point of attraction, here we create dynamic pushpin for each landmarks using [http://doc.qt.nokia.com/4.7-snapshot/qdeclarativedynamicobjects.html Dynamic Object Management in QML]. {{Icode|addPushPin()}} function creates  instances of {{Icode|PushPin.qml}} component dynamically. Each instance is a [http://doc.qt.nokia.com/qtmobility-1.2/qml-mapimage.html MapImage] with properties ''latitude'',''longitude'',''name'' and ''address''. We also put all the pushpin object into an Array, so that we can have a track of all the pushpin plotted on the [http://doc.qt.nokia.com/qtmobility-1.2/qml-map.html#details Map]. The method [http://doc.qt.nokia.com/qtmobility-1.2/qml-map.html#addMapObject-method addMapObject()]  adds the map object on the [http://doc.qt.nokia.com/qtmobility-1.2/qml-map.html Map].
  <code javascript>   <code javascript>
               function addPushPin( latitude, longitude,name,address ) {                function addPushPin( latitude, longitude,name,address ) {

@@ Line 2: / Line 2: @@
 {{Abstract|This article demonstrates how to plot landmarks on a Nokia Map using [http://www.developer.nokia.com/Develop/Maps/Maps_API_for_Qt.xhtml Nokia Map API for Qt].}}
 {{SeeAlso|[[Google Landmarks on a Bing Map for WP7]]}}
-{{ArticleMetaData
+{{ArticleMetaData <!-- v1.2 -->
-|sourcecode= [[Media: GoogleLandmarksQt_v_1.1.zip]]<!-- Link to example source code e.g. [[Media:The Code Example ZIP.zip]] -->
+|sourcecode= [[Media:GoogleLandmarksQt v 1.1.zip]]
 |installfile= <!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) -->
 |devices= N9/N950  <!-- Devices tested against - e.g. ''devices=N95, N8'') -->
 |sdk= [http://www.developer.nokia.com/info/sw.nokia.com/id/da8df288-e615-443d-be5c-00c8a72435f8/Qt_SDK.html Qt SDK v1.1.4]
 |platform= Symbian/ MeeGo<!-- Compatible platforms - e.g. Symbian^1 and later, Qt 4.6 and later -->
 |devicecompatability= <!-- Compatible devices e.g.: All* (must have internal GPS) -->
-|signing=Self Signed<!-- Signing requirements - empty or one of: Self-Signed, DevCert, Manufacturer -->
+|dependencies= <!-- Any other/external dependencies e.g.: Google Maps Api v1.0 -->
-|capabilities=NetworkServices<!-- Capabilities required by the article/code example (e.g. Location, NetworkServices. -->
+|signing= Self Signed<!-- Signing requirements - empty or one of: Self-Signed, DevCert, Manufacturer -->
 |keywords= Nokia Maps, Location, LandMark
-|id= <!-- Article Id (Knowledge base articles only) -->
+|language= <!-- Language category code for non-English topics - e.g. Lang-Chinese -->
-|creationdate=20111230
+|translated-by= <!-- [[User:XXXX]] -->
 |author= [[User:somnathbanik]]
 }}
@@ Line 27: / Line 35: @@
 ==Implementation ==
-We create two  page items in the {{Icode|main.qml}} file. The first page item lists available landmark categories while the second page displays the [http://doc.qt.nokia.com/qtmobility-1.2/qml-map.html Nokia Map] with the landmarks.
+We create two page items in the {{Icode|main.qml}} file. The first page item lists available landmark categories while the second page displays the [http://doc.qt.nokia.com/qtmobility-1.2/qml-map.html Nokia Map] with the landmarks.
 ===page 1 in main.qml===
@@ Line 134: / Line 142: @@
 </code>
-When an user clicks on any of the landmark categories the application calls the {{Icode|loadLandMark()}} function, which  uses the [http://code.google.com/apis/maps/documentation/places/ Google Places API] to get the near by landmark information. To access the [http://code.google.com/apis/maps/documentation/places/ Google Places API] please get the key from [https://code.google.com/apis/console/ here] and replace  ''' <Your Google API Key>'''  with the key in the below code.
+When an user clicks on any of the landmark categories the application calls the {{Icode|loadLandMark()}} function, which uses the [http://code.google.com/apis/maps/documentation/places/ Google Places API] to get the near by landmark information. To access the [http://code.google.com/apis/maps/documentation/places/ Google Places API] please get the key from [https://code.google.com/apis/console/ here] and replace  ''' <Your Google API Key>'''  with the key in the below code.
 <code javascript>
 function loadLandMark(landmarkname)
@@ Line 163: / Line 171: @@
 </code>
-[http://doc.qt.nokia.com/qtmobility-1.2/qml-map.html#details QML Map Element] has a default model called [http://doc.qt.nokia.com/qtmobility-1.2/qml-landmarkmodel.html LandmarkModel ] which provides a model of landmarks from the landmarks store. But in this case we will use [http://doc.qt.nokia.com/4.7-snapshot/qml-xmllistmodel.html XmlListModel] instead of [http://doc.qt.nokia.com/qtmobility-1.2/qml-landmarkmodel.html LandmarkModel] for storing the landmarks data. The [http://code.google.com/apis/maps/documentation/places/ Google Places API] is a {{Icode|HTTPS}} request so , first we download all the landmarks data through {{Icode|loadLandMark()}} function and then pass the data to the  '''xml''' property of [http://doc.qt.nokia.com/4.7-snapshot/qml-xmllistmodel.html XmlListModel] leaving the '''source''' property empty.
+[http://doc.qt.nokia.com/qtmobility-1.2/qml-map.html#details QML Map Element] has a default model called [http://doc.qt.nokia.com/qtmobility-1.2/qml-landmarkmodel.html LandmarkModel ] which provides a model of landmarks from the landmarks store. But in this case we will use [http://doc.qt.nokia.com/4.7-snapshot/qml-xmllistmodel.html XmlListModel] instead of [http://doc.qt.nokia.com/qtmobility-1.2/qml-landmarkmodel.html LandmarkModel] for storing the landmarks data. The [http://code.google.com/apis/maps/documentation/places/ Google Places API] is a {{Icode|HTTPS}} request so, first we download all the landmarks data through {{Icode|loadLandMark()}} function and then pass the data to the  '''xml''' property of [http://doc.qt.nokia.com/4.7-snapshot/qml-xmllistmodel.html XmlListModel] leaving the '''source''' property empty.
 === RssModelMap.qml===
@@ Line 189: / Line 197: @@
+}
 </code>
-When the data loading is finished the [http://doc.qt.nokia.com/4.7-snapshot/qml-xmllistmodel.html XmlListModel] generates a signal which then fetches landmark information from the [http://doc.qt.nokia.com/4.7-snapshot/qml-xmllistmodel.html XmlListModel] and  calls the function {{Icode|addPushPin()}} to plot the coordinates on the [http://doc.qt.nokia.com/qtmobility-1.2/qml-map.html Map]  dynamically.
+When the data loading is finished the [http://doc.qt.nokia.com/4.7-snapshot/qml-xmllistmodel.html XmlListModel] generates a signal which then fetches landmark information from the [http://doc.qt.nokia.com/4.7-snapshot/qml-xmllistmodel.html XmlListModel] and calls the function {{Icode|addPushPin()}} to plot the coordinates on the [http://doc.qt.nokia.com/qtmobility-1.2/qml-map.html Map]  dynamically.
 === MapDelegate.qml===
@@ Line 200: / Line 208: @@
                          var name = feedModelMap.get(i).name;
                          var address = feedModelMap.get(i).vicinity
-                         var  latitude =feedModelMap.get(i).lat;
+                         var latitude =feedModelMap.get(i).lat;
-                         var  longitude =feedModelMap.get(i).lng;
+                         var longitude =feedModelMap.get(i).lng;
                          console.log("******",name, latitude, longitude);
-                         map.addPushPin(latitude , longitude,  name, address);
+                         map.addPushPin(latitude, longitude,  name, address);
+                     }
+                 }
 </code>
-{{Icode|addPushPin()}} function is our point of attraction, here we create dynamic pushpin for each landmarks using [http://doc.qt.nokia.com/4.7-snapshot/qdeclarativedynamicobjects.html Dynamic Object Management in QML]. {{Icode|addPushPin()}} function creates  instances of {{Icode|PushPin.qml}} component dynamically. Each instance is a [http://doc.qt.nokia.com/qtmobility-1.2/qml-mapimage.html MapImage] with properties ''latitude'',''longitude'',''name'' and ''address''. We also put all the pushpin object into an Array, so that we can have a track of all the pushpin plotted on the [http://doc.qt.nokia.com/qtmobility-1.2/qml-map.html#details Map]. The method [http://doc.qt.nokia.com/qtmobility-1.2/qml-map.html#addMapObject-method addMapObject()]  adds the map object on the [http://doc.qt.nokia.com/qtmobility-1.2/qml-map.html Map].
+{{Icode|addPushPin()}} function is our point of attraction, here we create dynamic pushpin for each landmarks using [http://doc.qt.nokia.com/4.7-snapshot/qdeclarativedynamicobjects.html Dynamic Object Management in QML]. {{Icode|addPushPin()}} function creates instances of {{Icode|PushPin.qml}} component dynamically. Each instance is a [http://doc.qt.nokia.com/qtmobility-1.2/qml-mapimage.html MapImage] with properties ''latitude'',''longitude'',''name'' and ''address''. We also put all the pushpin object into an Array, so that we can have a track of all the pushpin plotted on the [http://doc.qt.nokia.com/qtmobility-1.2/qml-map.html#details Map]. The method [http://doc.qt.nokia.com/qtmobility-1.2/qml-map.html#addMapObject-method addMapObject()]  adds the map object on the [http://doc.qt.nokia.com/qtmobility-1.2/qml-map.html Map].
 <code javascript>
              function addPushPin( latitude, longitude,name,address ) {
-                         var  myArray
+                         var myArray
                           var count = map.markers.length
                           counter++
@@ Line 263: / Line 271: @@
 === MapDelegate.qml===
 <code javascript>
-function pushPinClicked(aLat , aLng,aName,aAddress)
+function pushPinClicked(aLat, aLng,aName,aAddress)
+             {
                  myLatitude =  positionSource.position.coordinate.latitude;
@@ Line 276: / Line 284: @@
+             }
 </code>
-Every time we select a new landmark from the category list, we need to make sure the pushpins of the previous landmark should not  be there in the  [http://doc.qt.nokia.com/qtmobility-1.2/qml-map.html Map]. To do this we need to delete all the previous pushpins from the [http://doc.qt.nokia.com/qtmobility-1.2/qml-map.html  Map] before plotting pushpins for the new landmark. The {{Icode|deleteAllPushPin()}} method does the same, it calls the {{Icode|destroy()}} method to delete each pushpin item dynamically.
+Every time we select a new landmark from the category list, we need to make sure the pushpins of the previous landmark should not be there in the  [http://doc.qt.nokia.com/qtmobility-1.2/qml-map.html Map]. To do this we need to delete all the previous pushpins from the [http://doc.qt.nokia.com/qtmobility-1.2/qml-map.html Map] before plotting pushpins for the new landmark. The {{Icode|deleteAllPushPin()}} method does the same, it calls the {{Icode|destroy()}} method to delete each pushpin item dynamically.
 <code javascript>
@@ Line 294: / Line 302: @@
 ==Summary==
-This is a basic [http://www.developer.nokia.com/Develop/Maps/Maps_API_for_Qt.xhtml Nokia Map API] operation. This article also focus on how to use [http://doc.qt.nokia.com/4.7-snapshot/qml-xmllistmodel.html XmlListModel] instead of  [http://doc.qt.nokia.com/qtmobility-1.2/qml-landmarkmodel.html LandmarkModel] in [http://doc.qt.nokia.com/qtmobility-1.2/qml-map.html Map] element , handling {{Icode|HTTPS}} request from [http://code.google.com/apis/maps/documentation/places/ Google Places API] and Creating a Map Object Dynamically using  [http://doc.qt.nokia.com/4.7-snapshot/qdeclarativedynamicobjects.html Dynamic Object Management in QML].
+This is a basic [http://www.developer.nokia.com/Develop/Maps/Maps_API_for_Qt.xhtml Nokia Map API] operation. This article also focus on how to use [http://doc.qt.nokia.com/4.7-snapshot/qml-xmllistmodel.html XmlListModel] instead of  [http://doc.qt.nokia.com/qtmobility-1.2/qml-landmarkmodel.html LandmarkModel] in [http://doc.qt.nokia.com/qtmobility-1.2/qml-map.html Map] element, handling {{Icode|HTTPS}} request from [http://code.google.com/apis/maps/documentation/places/ Google Places API] and Creating a Map Object Dynamically using  [http://doc.qt.nokia.com/4.7-snapshot/qdeclarativedynamicobjects.html Dynamic Object Management in QML].
 ==Source Code==
-The full source code of the example is available here: [[File: GoogleLandmarksQt_v_1.1.zip]]
+The full source code of the example is available here: [[File: GoogleLandmarksQt v 1.1.zip]]
 ==Related Article==
-*[http://www.developer.nokia.com/Community/Wiki/Facebook_Friends_on_Nokia_Map Facebook_Friends_on_Nokia_Map]
+*[[Display Facebook Friend position with Nokia Maps API for Qt]]

← Older revision		Revision as of 14:47, 31 January 2012
Line 301:		Line 301:

	==Related Article==		==Related Article==
−	*[http://www.developer.nokia.com/Community/Wiki/Facebook_Friends_on_Nokia_Map~~#Related_Article~~ Facebook_Friends_on_Nokia_Map~~#Related_Article~~]	+	*[http://www.developer.nokia.com/Community/Wiki/Facebook_Friends_on_Nokia_Map Facebook_Friends_on_Nokia_Map]

← Older revision		Revision as of 14:46, 31 January 2012
Line 298:		Line 298:
	==Source Code==		==Source Code==
	The full source code of the example is available here: [[File: GoogleLandmarksQt_v_1.1.zip]]		The full source code of the example is available here: [[File: GoogleLandmarksQt_v_1.1.zip]]
		+
		+
		+	==Related Article==
		+	*[http://www.developer.nokia.com/Community/Wiki/Facebook_Friends_on_Nokia_Map#Related_Article Facebook_Friends_on_Nokia_Map#Related_Article]

Google Landmarks on a Nokia Map using Qt Quick - Revision history

Hamishwillee: Hamishwillee - Bot update - Fix metadata and links

Hamishwillee: Hamishwillee - Bot update - Fix metadata and links

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

Hamishwillee: Text replace - "" to ""

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

Somnathbanik: Somnathbanik - /* Related Article */

Somnathbanik: Somnathbanik - /* Source Code */

Hamishwillee: Hamishwillee - Remove location category - implicit for Nokia maps. Remove code snippet - implicit for Code Examples

Somnathbanik: Somnathbanik - source Code Updated

Somnathbanik: Somnathbanik - /* MapDelegate.qml */

Hamishwillee: Text replace - "`" to ""`