QmlWebMapsLocation - Revision history

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


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

			
			
			
			
		
		← Older revision
		Revision as of 01:18, 11 October 2012
		
Line 45:
Line 45:
  C++ code part has one class and main function. I have also included one UI form that has only combobox for map provder selection. Here's the definition of the class:   C++ code part has one class and main function. I have also included one UI form that has only combobox for map provder selection. Here's the definition of the class:
    
− <code cpp>class Widget : public QWidget + <code cpp-qt>class Widget : public QWidget
  {   {
       Q_OBJECT        Q_OBJECT
Line 79:
Line 79:
  As member data we have our ui form, QDeclarativeView (runs QML), QGeoPositionInfoSource for location updates and a string for storing map provider.   As member data we have our ui form, QDeclarativeView (runs QML), QGeoPositionInfoSource for location updates and a string for storing map provider.
    
− <code cpp> + <code cpp-qt>
  Widget::Widget(QWidget *parent) :   Widget::Widget(QWidget *parent) :
       QWidget(parent),        QWidget(parent),
Line 112:
Line 112:
  In constructor we create application UI and load qml file to QDeclarativeView. We also publish instance of this class (setContextProperty) to QML side, because we want to use signals, slots and properties of this class there. We also set resize mode to SizeRootObjectToView and our root element will automatically have a maximum size. We also create geo position info source and start to listen location updates.   In constructor we create application UI and load qml file to QDeclarativeView. We also publish instance of this class (setContextProperty) to QML side, because we want to use signals, slots and properties of this class there. We also set resize mode to SizeRootObjectToView and our root element will automatically have a maximum size. We also create geo position info source and start to listen location updates.
    
− <code cpp> + <code cpp-qt>
  void Widget::setMapProvider(QString newMapProvider)   void Widget::setMapProvider(QString newMapProvider)
  {   {



Hamishwillee: Hamishwillee - Bot update - Add ArticleMetaData
2012-07-25T01:46:27Z
Hamishwillee - Bot update - Add ArticleMetaData

			
			
			
			
		
		← Older revision
		Revision as of 01:46, 25 July 2012
		
Line 1:
Line 1:
  + {{ArticleMetaData <!-- v1.2 -->
  + |sourcecode= [[Media:Qmlwebmap.zip]] 
  + |installfile= <!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) -->
  + |devices= <!-- Devices tested against - e.g. ''devices=Nokia 6131 NFC, Nokia C7-00'') -->
  + |sdk= <!-- SDK(s) built and tested against (e.g. [http://linktosdkdownload/ Qt SDK 1.1.4]) -->
  + |platform= <!-- Compatible platforms - e.g. Symbian^1 and later, Qt 4.6 and later -->
  + |devicecompatability= <!-- Compatible devices e.g.: All* (must have internal GPS) -->
  + |dependencies= <!-- Any other/external dependencies e.g.: Google Maps Api v1.0 -->
  + |signing= <!-- Signing requirements - empty or one of: Self-Signed, DevCert, Manufacturer -->
  + |capabilities= <!-- Capabilities required by the article/code example (e.g. Location, NetworkServices. -->
  + |keywords= <!-- APIs, classes and methods (e.g. QSystemScreenSaver, QList, CBase -->
  + |language= <!-- Language category code for non-English topics - e.g. Lang-Chinese -->
  + |translated-by= <!-- [[User:XXXX]] -->
  + |translated-from-title= <!-- Title only -->
  + |translated-from-id= <!-- Id of translated revision -->
  + |review-by= <!-- After re-review: [[User:username]] -->
  + |review-timestamp= <!-- After re-review: YYYYMMDD -->
  + |update-by= <!-- After significant update: [[User:username]]-->
  + |update-timestamp= <!-- After significant update: YYYYMMDD -->
  + |creationdate= 20110306
  + |author= [[User:VEIKKO99]]
  + }}
  [[Category:Qt]][[Category:Qt Mobility]][[Category:Qt Quick]]   [[Category:Qt]][[Category:Qt Mobility]][[Category:Qt Quick]]
  == Using location data and web maps in QML ==   == Using location data and web maps in QML ==
Line 5:
Line 27:
    
  In this wiki article I describe how you can use web maps and location data in your Qt Quick application. We also see how to integrate CPP and QML code and QML Code and JS code running in webkit. We also see how easy it is to use web APIs. Image below shows the application UI.   In this wiki article I describe how you can use web maps and location data in your Qt Quick application. We also see how to integrate CPP and QML code and QML Code and JS code running in webkit. We also see how easy it is to use web APIs. Image below shows the application UI.
− [[Image:qmlmaps.png|center|x]] + [[File:qmlmaps.png|center|x]]
    
  Application can show device's location using:   Application can show device's location using:
Line 88:
Line 110:
  }   }
  </code>   </code>
− In constructor we create application UI and load qml file to QDeclarativeView. We also publish instance of this class (setContextProperty) to QML side, because we want to use signals, slots and properties of this class there. We also set  resize mode to SizeRootObjectToView and our root element will automatically have a maximum size. We also create geo position info source and start to listen location updates. + In constructor we create application UI and load qml file to QDeclarativeView. We also publish instance of this class (setContextProperty) to QML side, because we want to use signals, slots and properties of this class there. We also set resize mode to SizeRootObjectToView and our root element will automatically have a maximum size. We also create geo position info source and start to listen location updates.
    
  <code cpp>   <code cpp>
Line 145:
Line 167:
  === HTML ===   === HTML ===
  In htmls' we have separate html files for each map provider (Google Maps, Bing Maps or OVI Maps). Each file defines JavaScript method pan() that is used from QML. pan() method then moves map to device's GPS location.[[Category:Web]][[Category:MeeGo Harmattan]] [[Category:Symbian]]   In htmls' we have separate html files for each map provider (Google Maps, Bing Maps or OVI Maps). Each file defines JavaScript method pan() that is used from QML. pan() method then moves map to device's GPS location.[[Category:Web]][[Category:MeeGo Harmattan]] [[Category:Symbian]]
  + [[Category:Code Examples]]



Hamishwillee: Text replace - "Category:MeeGo" to "Category:MeeGo Harmattan"
2012-06-13T10:57:00Z
Text replace - "Category:MeeGo" to "Category:MeeGo Harmattan"

			
			
			
			
		
		← Older revision
		Revision as of 10:57, 13 June 2012
		
Line 144:
Line 144:
    
  === HTML ===   === HTML ===
− In htmls' we have separate html files for each map provider (Google Maps, Bing Maps or OVI Maps). Each file defines JavaScript method pan() that is used from QML. pan() method then moves map to device's GPS location.[[Category:Web]][[Category:MeeGo]] [[Category:Symbian]] + In htmls' we have separate html files for each map provider (Google Maps, Bing Maps or OVI Maps). Each file defines JavaScript method pan() that is used from QML. pan() method then moves map to device's GPS location.[[Category:Web]][[Category:MeeGo Harmattan]] [[Category:Symbian]]




Hamishwillee: Hamishwillee - Addition to article of: Category:MeeGo Category:Symbian. (Add platform categories)
2012-02-15T05:37:15Z
Hamishwillee - Addition to article of: Category:MeeGo Category:Symbian. (Add platform categories)

			
			
			
			
		
		← Older revision
		Revision as of 05:37, 15 February 2012
		
Line 144:
Line 144:
    
  === HTML ===   === HTML ===
− In htmls' we have separate html files for each map provider (Google Maps, Bing Maps or OVI Maps). Each file defines JavaScript method pan() that is used from QML. pan() method then moves map to device's GPS location.[[Category:Web]] + In htmls' we have separate html files for each map provider (Google Maps, Bing Maps or OVI Maps). Each file defines JavaScript method pan() that is used from QML. pan() method then moves map to device's GPS location.[[Category:Web]][[Category:MeeGo]] [[Category:Symbian]]




Hamishwillee: Hamishwillee - Bot fixing redirect link.(Moving links from forum.nokia.com TO developer.nokia.com)
2011-06-21T12:52:07Z
Hamishwillee - Bot fixing redirect link.(Moving links from forum.nokia.com TO developer.nokia.com)

			
			
			
			
		
		← Older revision
		Revision as of 12:52, 21 June 2011
		
Line 12:
Line 12:
  # Bing (Microsoft) maps   # Bing (Microsoft) maps
    
− You can find the application's latest source code from Nokia Projects (https://projects.forum.nokia.com/qmlwebmap) or from this .zip file [[File:Qmlwebmap.zip]] + You can find the application's latest source code from Nokia Projects (https://projects.developer.nokia.com/qmlwebmap) or from this .zip file [[File:Qmlwebmap.zip]]
    
  Application code consists of three major parts:   Application code consists of three major parts:




Hamishwillee: Fixed up link to point to "latest" branch of docs. Minor edit.
2011-04-06T21:47:01Z
Fixed up link to point to "latest" branch of docs. Minor edit.

			
			
			
			
		
		← Older revision
		Revision as of 21:47, 6 April 2011
		
Line 16:
Line 16:
  Application code consists of three major parts:   Application code consists of three major parts:
  # CPP part (Provides Qt application environment and gets location updates from GPS sensors, sone parts of the UI are also here.)   # CPP part (Provides Qt application environment and gets location updates from GPS sensors, sone parts of the UI are also here.)
− # QML part (Implements major part of the UI by using [http://doc.qt.nokia.com/4.7-snapshot/qml-webview.html WebView] element) + # QML part (Implements major part of the UI by using [http://doc.qt.nokia.com/latest/qml-webview.html WebView] element)
  # HTML part (HTML files used with maps)   # HTML part (HTML files used with maps)
    



Girishpadia: /* Using location data and web maps in QML */
2011-04-06T17:17:42Z
Using location data and web maps in QML

			
			
			
			
		
		← Older revision
		Revision as of 17:17, 6 April 2011
		
Line 16:
Line 16:
  Application code consists of three major parts:   Application code consists of three major parts:
  # CPP part (Provides Qt application environment and gets location updates from GPS sensors, sone parts of the UI are also here.)   # CPP part (Provides Qt application environment and gets location updates from GPS sensors, sone parts of the UI are also here.)
− # QML part (Implements major part of the UI by using WebVew element) + # QML part (Implements major part of the UI by using [http://doc.qt.nokia.com/4.7-snapshot/qml-webview.html WebView] element)
  # HTML part (HTML files used with maps)   # HTML part (HTML files used with maps)
    



Hamishwillee: Remove Qt for Maemo and Qt for Symbian categories (only need specifier if there is some platform specific behaviour)
2011-03-31T09:59:55Z
Remove Qt for Maemo and Qt for Symbian categories (only need specifier if there is some platform specific behaviour)

			
			
			
			
		
		← Older revision
		Revision as of 09:59, 31 March 2011
		
Line 1:
Line 1:
− [[Category:Ovi]][[Category:Qt]][[Category:Qt Mobility]][[Category:Qt Quick]][[Category:Web Runtime (WRT)]] + [[Category:Qt]][[Category:Qt Mobility]][[Category:Qt Quick]]
  == Using location data and web maps in QML ==   == Using location data and web maps in QML ==
  ''Please Note: Qt 4.7.1 and Mobility API 1.1 was used in this example''. Application was tested in N900 & Simulator   ''Please Note: Qt 4.7.1 and Mobility API 1.1 was used in this example''. Application was tested in N900 & Simulator



Hamishwillee: Remove Qt for Maemo and Qt for Symbian categories (only need specifier if there is some platform specific behaviour)
2011-03-31T09:44:53Z
Remove Qt for Maemo and Qt for Symbian categories (only need specifier if there is some platform specific behaviour)

			
			
			
			
		
		← Older revision
		Revision as of 09:44, 31 March 2011
		
Line 1:
Line 1:
− [[Category:Maemo]][[Category:Ovi]][[Category:Qt]][[Category:Qt for Maemo]][[Category:Qt for Symbian]][[Category:Qt Mobility]][[Category:Qt Quick]][[Category:Web]][[Category:Web Runtime (WRT)]] + [[Category:Ovi]][[Category:Qt]][[Category:Qt Mobility]][[Category:Qt Quick]][[Category:Web Runtime (WRT)]]
  == Using location data and web maps in QML ==   == Using location data and web maps in QML ==
  ''Please Note: Qt 4.7.1 and Mobility API 1.1 was used in this example''. Application was tested in N900 & Simulator   ''Please Note: Qt 4.7.1 and Mobility API 1.1 was used in this example''. Application was tested in N900 & Simulator
Line 144:
Line 144:
    
  === HTML ===   === HTML ===
− In htmls' we have separate html files for each map provider (Google Maps, Bing Maps or OVI Maps). Each file defines JavaScript method pan() that is used from QML. pan() method then moves map to device's GPS location. + In htmls' we have separate html files for each map provider (Google Maps, Bing Maps or OVI Maps). Each file defines JavaScript method pan() that is used from QML. pan() method then moves map to device's GPS location.[[Category:Web]]



Hamishwillee: Automated change of category from Web Technology to Web. (New ontology name for category)
2011-03-31T01:46:33Z
Automated change of category from Web Technology to Web. (New ontology name for category)

			
			
			
			
		
		← Older revision
		Revision as of 01:46, 31 March 2011
		
Line 1:
Line 1:
− [[Category:Maemo]][[Category:Ovi]][[Category:Qt]][[Category:Qt for Maemo]][[Category:Qt for Symbian]][[Category:Qt Mobility]][[Category:Qt Quick]][[Category:Web Technology]][[Category:Web Runtime (WRT)]] + [[Category:Maemo]][[Category:Ovi]][[Category:Qt]][[Category:Qt for Maemo]][[Category:Qt for Symbian]][[Category:Qt Mobility]][[Category:Qt Quick]][[Category:Web]][[Category:Web Runtime (WRT)]]
  == Using location data and web maps in QML ==   == Using location data and web maps in QML ==
  ''Please Note: Qt 4.7.1 and Mobility API 1.1 was used in this example''. Application was tested in N900 & Simulator   ''Please Note: Qt 4.7.1 and Mobility API 1.1 was used in this example''. Application was tested in N900 & Simulator

← Older revision		Revision as of 10:57, 13 June 2012
Line 144:		Line 144:

	=== HTML ===		=== HTML ===
−	In htmls' we have separate html files for each map provider (Google Maps, Bing Maps or OVI Maps). Each file defines JavaScript method pan() that is used from QML. pan() method then moves map to device's GPS location.[[Category:Web]][[Category:MeeGo]] [[Category:Symbian]]	+	In htmls' we have separate html files for each map provider (Google Maps, Bing Maps or OVI Maps). Each file defines JavaScript method pan() that is used from QML. pan() method then moves map to device's GPS location.[[Category:Web]][[Category:MeeGo Harmattan]] [[Category:Symbian]]

← Older revision		Revision as of 05:37, 15 February 2012
Line 144:		Line 144:

	=== HTML ===		=== HTML ===
−	In htmls' we have separate html files for each map provider (Google Maps, Bing Maps or OVI Maps). Each file defines JavaScript method pan() that is used from QML. pan() method then moves map to device's GPS location.[[Category:Web]]	+	In htmls' we have separate html files for each map provider (Google Maps, Bing Maps or OVI Maps). Each file defines JavaScript method pan() that is used from QML. pan() method then moves map to device's GPS location.[[Category:Web]][[Category:MeeGo]] [[Category:Symbian]]

QmlWebMapsLocation - Revision history

Hamishwillee: Text replace - "" to ""

Hamishwillee: Hamishwillee - Bot update - Add ArticleMetaData

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

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

Hamishwillee: Hamishwillee - Bot fixing redirect link.(Moving links from forum.nokia.com TO developer.nokia.com)

Hamishwillee: Fixed up link to point to "latest" branch of docs. Minor edit.

Girishpadia: /* Using location data and web maps in QML */

Hamishwillee: Remove Qt for Maemo and Qt for Symbian categories (only need specifier if there is some platform specific behaviour)

Hamishwillee: Remove Qt for Maemo and Qt for Symbian categories (only need specifier if there is some platform specific behaviour)

Hamishwillee: Automated change of category from Web Technology to Web. (New ontology name for category)

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