Archived:Update Nokia Online Maps Style for Asha Full Touch - Revision history

Hamishwillee: Text replace - "[[Category:Series 40 Web Apps" to "[[Category:Nokia Asha Web Apps"

2013-05-09T10:26:19Z

Text replace - "[[Category:Series 40 Web Apps" to "[[Category:Nokia Asha Web Apps"

Hamishwillee: Hamishwillee - Bot update - Fix metadata and links

2013-04-24T05:00:08Z

Hamishwillee - Bot update - Fix metadata and links

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

2013-04-24T03:24:15Z

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

Hamishwillee: moved Update Nokia Online Maps Style for Asha Full Touch to Archived:Update Nokia Online Maps Style for Asha Full Touch: Better alternatives

2013-01-16T01:31:52Z

moved Update Nokia Online Maps Style for Asha Full Touch to Archived:Update Nokia Online Maps Style for Asha Full Touch: Better alternatives

Jasfox: Jasfox - link

2013-01-15T09:44:18Z

Jasfox - link

Jasfox: Jasfox - Archive - use Nokia Maps for Java ME

2013-01-15T09:41:51Z

Jasfox - Archive - use Nokia Maps for Java ME

R60600: R60600 -

2012-09-28T07:16:41Z

R60600 -

Hamishwillee: Hamishwillee - Minor subedit

2012-08-09T01:51:09Z

Hamishwillee - Minor subedit

Hamishwillee: Hamishwillee - Bot update - Fix metadata

2012-08-09T00:26:57Z

Hamishwillee - Bot update - Fix metadata

R60600: R60600 -

2012-08-08T05:29:16Z

R60600 -

New page

[[Category:Series 40 Web Apps]][[Category:Nokia Maps]]
[[Category:Series 40 Web Apps]][[Category:Nokia Maps]]
{{Note|This is an entry in the [[Asha Touch Competition 2012Q3]]}}
[http://maps.nokia.com/ Nokia Online Maps] is designed for desktop or laptop system,which can be saved as a single HTML file via IE or other browsers.Developers can also make the file as the homepage of their WWW site or S40 Web App and add new style in it for corresponding devices at the same time.
Code below will reconstruct a map with basic function for full touch(such as [http://www.developer.nokia.com/Devices/Device_specifications/Asha_305/ Asha 305], [http://www.developer.nokia.com/Devices/Device_specifications/Asha_306/ Asha 306], [http://www.developer.nokia.com/Devices/Device_specifications/Asha_311/ Asha 311] ).

<code javascript>
...
<link type="text/css" rel="stylesheet"
href="http://static2.maps.nokia.com.cn/37115/resources/core/css/screen.c.css"/>
<style>
/*Hide top and app bar for large display area.*/
#topbar, #nokiamaps #appbar{height:0px;visibility:hidden}
#nokiamaps #appbar div div form input{height:0;padding:0;border:0}

/*Adjust the map's size and location.*/
#map{width:auto}
#nokiamaps.maps #application{top:0}

/*Reduce width of the control bar.*/
.MCControlbar{top:0px;left:0px;right:auto}
.MCCBTab1 .MCTLinner,.MCCBTab2 .MCTLinner{padding-right:0}
.MCTriangle, .MCTLTabDisabled .MCTLinner .MCTriangle{visibility:hidden}
.MCTDelimiter, .MCHorizontalDelimiter{visibility:hidden}
.MCCBTabsContainer .MCTLempty{width:8px}

/*Most mobiles don't support 3D map.*/
#trackingLink3D{height:0px;visibility:hidden}

/*Set the better location for mobiles.*/
.MCNavContainer{left:auto;top:auto;right:170%;bottom:auto;width:auto;Height:17%}

/*No use in most mobiles.*/
.MCMinimapBtn{visibility:hidden}

/*Full touch may not have these components.*/
.MCPan, .MCZoom{visibility:hidden}

/*Too long to display.*/
.MCCopyright{visibility:hidden}
</style>

...
</code>

Of course,the style can also be saved into a css file linked to the homepage.

Launching the app in simulator

[[file: NokiaOnlineMapsforAshaPositioning.JPG]]

[[file: NokiaOnlineMapsforAshaChooseView.JPG]]

[[file:NokiaOnlineMapsforAshaPublicTransport.JPG]]

@@ Line 1: / Line 1: @@
-[[Category:Series 40 Web Apps]][[Category:HERE Maps]][[Category:JavaScript]]
+[[Category:Nokia Asha Web Apps]][[Category:HERE Maps]][[Category:JavaScript]]
 {{ArticleMetaData <!-- v1.2 -->
 |sourcecode= <!-- Link to example source code e.g. [[Media:The Code Example ZIP.zip]] -->

@@ Line 26: / Line 26: @@
 * [http://developer.here.net/rest_api RESTful Maps API]
 * [http://developer.here.net/javascript_api Nokia Maps API]
-* [[How_to_create_custom_Map_View_in_Java_ME|Custom Map Views]]
+* [[How to create custom Map View in Java ME|Custom Map Views]]
 }}
 {{Archived|timestamp=20130201151019|user=[[User:Jasfox|Jasfox]]|
-This article uses a deprecated version of the Nokia Maps API for JavaScript to display a Map on a Java ME device. The  Nokia Maps API for JavaScript  is not considered to be an appropriate API to use in the Java ME environment, as a large JavaScript library would need to be regularly downloaded onto a memory constricted device, and un-cached Map tiles would need to be regularly requested which would result in a large amount of data traffic.
+This article uses a deprecated version of the Nokia Maps API for JavaScript to display a Map on a Java ME device. The Nokia Maps API for JavaScript is not considered to be an appropriate API to use in the Java ME environment, as a large JavaScript library would need to be regularly downloaded onto a memory constricted device, and un-cached Map tiles would need to be regularly requested which would result in a large amount of data traffic.
 Nokia offers two alternative APIs which are more suitable for Java ME development
@@ Line 36: / Line 36: @@
 * For '''dynamic''' mapping use cases, the  [http://developer.here.net/java Nokia Maps API for Java ME] is a Native API which would be preferred more complex development.
-* '''Static''' mapping services  do not cache or tile the images when requested, therefore '''each''' request involves a round trip to the server. If the map on a mobile application needs to be refreshed at any time, using a caching library will result in a reduction in network traffic after around '''three''' maps have been displayed. An explanation of this can be found  [http://www.developer.nokia.com/Community/Wiki/Using_the_RESTful_Map_API_with_Java_ME#Comparision_of_Network_traffic_generated_by_the_RESTful_Map_API_and_Maps_API_for_Java_ME here]
+* '''Static''' mapping services do not cache or tile the images when requested, therefore '''each''' request involves a round trip to the server. If the map on a mobile application needs to be refreshed at any time, using a caching library will result in a reduction in network traffic after around '''three''' maps have been displayed. An explanation of this can be found  [[Using the RESTful Map API with Java ME#Comparision of Network traffic generated by the RESTful Map API and Maps API for Java ME|here]]
-An article with the same functionality, written using the native Java ME API  can be found in the [[How_to_create_custom_Map_View_in_Java_ME|Custom Map Views Example]]
+An article with the same functionality, written using the native Java ME API can be found in the [[How to create custom Map View in Java ME|Custom Map Views Example]]
 }}
 {{Note|This is an entry in the [[Asha Touch Competition 2012Q3]]}}

@@ Line 1: / Line 1: @@
-[[Category:Series 40 Web Apps]][[Category:Nokia Maps]][[Category:JavaScript]]
+[[Category:Series 40 Web Apps]][[Category:HERE Maps]][[Category:JavaScript]]
 {{ArticleMetaData <!-- v1.2 -->
 |sourcecode= <!-- Link to example source code e.g. [[Media:The Code Example ZIP.zip]] -->

@@ Line 26: / Line 26: @@
 * [http://developer.here.net/rest_api RESTful Maps API]
 * [http://developer.here.net/javascript_api Nokia Maps API]
 }}

@@ Line 21: / Line 21: @@
 |creationdate= 20120808
 |author= [[User:R60600]]
 }}
 {{Note|This is an entry in the [[Asha Touch Competition 2012Q3]]}}
 [http://maps.nokia.com/ Nokia Maps] is designed for desktop or laptop system, which can be saved as a single HTML file via IE or other browsers. Developers can also make the file as the homepage of their website or Series 40 Web App and add new style in it for corresponding devices at the same time.

@@ Line 26: / Line 26: @@
 [http://maps.nokia.com/ Nokia Maps] is designed for desktop or laptop system, which can be saved as a single HTML file via IE or other browsers. Developers can also make the file as the homepage of their website or Series 40 Web App and add new style in it for corresponding devices at the same time.
-Code below will reconstruct a map with basic function for full touch(such as [http://www.developer.nokia.com/Devices/Device_specifications/Asha_305/ Asha 305], [http://www.developer.nokia.com/Devices/Device_specifications/Asha_306/ Asha 306], [http://www.developer.nokia.com/Devices/Device_specifications/Asha_311/ Asha 311] ).
+Code below will reconstruct a map with basic function for Asha full touch(such as [http://www.developer.nokia.com/Devices/Device_specifications/Asha_305/ Asha 305], [http://www.developer.nokia.com/Devices/Device_specifications/Asha_306/ Asha 306], [http://www.developer.nokia.com/Devices/Device_specifications/Asha_311/ Asha 311] ).
 <code javascript>
@@ Line 72: / Line 72: @@
 Of course, the style can also be saved into a css file linked to the homepage.
-Launching the app in simulator
+Launching the app in simulator.
 [[file: NokiaOnlineMapsforAshaPositioning.JPG]]
@@ Line 79: / Line 79: @@
 [[file:NokiaOnlineMapsforAshaPublicTransport.JPG]]

← Older revision		Revision as of 00:26, 9 August 2012
Line 1:		Line 1:
		+	{{ArticleMetaData <!-- v1.2 -->
		+	\|sourcecode= <!-- 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]]) -->
		+	\|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= 20120808
		+	\|author= [[User:R60600]]
		+	}}
	[[Category:Series 40 Web Apps]][[Category:Nokia Maps]]		[[Category:Series 40 Web Apps]][[Category:Nokia Maps]]
	[[Category:Series 40 Web Apps]][[Category:Nokia Maps]]		[[Category:Series 40 Web Apps]][[Category:Nokia Maps]]