×
Namespaces

Variants
Actions
(Difference between revisions)

Archived:API para acesso à mapas estáticos usando GoogleMaps para JavaScript

From Nokia Developer Wiki
Jump to: navigation, search
hamishwillee (Talk | contribs)
hamishwillee (Talk | contribs)
m (Hamishwillee - Bot update - Fix links)
 
Line 13: Line 13:
 
|language= Lang-Portuguese
 
|language= Lang-Portuguese
 
|translated-by= [[User:Ivocalado]]
 
|translated-by= [[User:Ivocalado]]
|translated-from-title= Static GoogleMaps API in JavaScript
+
|translated-from-title= Archived:Static GoogleMaps API in JavaScript
 
|translated-from-id= 60756 <!-- automated guess -->
 
|translated-from-id= 60756 <!-- automated guess -->
 
|review-by= <!-- After re-review: [[User:username]] -->
 
|review-by= <!-- After re-review: [[User:username]] -->
Line 176: Line 176:
  
 
<nowiki>http://efforts.embedded.ufcg.edu.br/wrt/</nowiki>
 
<nowiki>http://efforts.embedded.ufcg.edu.br/wrt/</nowiki>
<!-- Translation --> [[en:Static GoogleMaps API in JavaScript]]
+
<!-- Translation --> [[en:Archived:Static GoogleMaps API in JavaScript]]

Latest revision as of 03:29, 29 June 2012

Archived.pngArchived: This article is archived because it is not considered relevant for third-party developers creating commercial solutions today. If you think this article is still relevant, let us know by adding the template {{ReviewForRemovalFromArchive|user=~~~~|write your reason here}}.

The links to the API provided no longer work. This may be fixed in future, but for the moment, this article should be considered of little or no use

Article Metadata

Compatibilidade
Plataforma(s):
Symbian

Artigo
Tradução:
Por ivocalado
Última alteração feita por hamishwillee em 29 Jun 2012


Contents

[edit] Introdução

Pensando em como tornar a vida dos programadores mais fácil, criamos uma API para recuperar mapas estáticos usando o GoogleMaps®. A partir desta API, você poder tornar o processo de criação de aplicações em WRT que façam acesso a mapas muito mais fácil.


[edit] Como usar

Agora irei mostrar alguns exemplos de como usar esta API.


[edit] Primeiro exemplo (exibindo um mapa automaticamente)

Uma forma de recuperar um mapa é usar a tag <div>. Coloque todos os valores que você deseja para seu mapa use a tag showMap(). É realmente necessário que você defina o id do mapa como sendo o mesmo valor da div.


<body onload="init();">
<div id=map></div>
</body>
/**
* Embedded Systems and Pervasive Computing Lab
* WRT Effort - http://efforts.embedded.ufcg.edu.br/wrt/
*
* @author Artur
*/

function init() {
map = new Map(40.702147, -74.015794);
map.id = "map";
map.color = "green";
map.name = "y";
map.width = 400;
map.height = 200;
map.showMap();
}

Staticmap-1.gif

[edit] Segundo exemplo (recuperando a fonte do mapas)

Uma outra forma de recuperar um mapa é usar a tag <img>. Você define os parâmentros e usando o método getSource() você pode definir o valor de src.

<body onload="init();">
<img src="" id=map>
</body>
/**
* Embedded Systems and Pervasive Computing Lab
* WRT Effort - http://efforts.embedded.ufcg.edu.br/wrt/
*
* @author Artur
*/

function init() {
map = new Map(40.702147, -74.015794);
map.color = "blue";
map.name = "x";
map.width = 300;
map.height = 300;
document.getElementById("map").src = map.getSource();
}

Abaixo é apresentada o resultado obtido após execução

Staticmap-2.gif

[edit] Terceiro exemplo (usando fonte de dado externa, como GPS)

Primeiro, recupere a informação do GPS. Você pode definir as operações do dispositivo:


/**
* Embedded Systems and Pervasive Computing Lab
* WRT Effort - http://efforts.embedded.ufcg.edu.br/wrt/
*
* @author Artur
*/

function setup()
{
try {
so = device.getServiceObject("Service.Location", "ILocation");
getLocation();
}
catch (e) {
alert('(006) Error ::setup ' + e);
}
}


Após isso, o método de recuperação da localização:

function getLocation() {
try {
var updateoptions = new Object();
updateoptions.PartialUpdates = false;
 
var criteria = new Object();
criteria.LocationInformationClass = "GenericLocationInfo";
criteria.Updateoptions = updateoptions;
 
var result = so.ILocation.GetLocation(criteria, result);
var errCode = result.ErrorCode;
if (errCode) {
alert("(005) GPS Error: " + errCode + " " + result.ErrorMessage);
}
} catch (e) {
alert("(004) ::getLocation error: " + e);
}
}


Finalmente, a função de callback:

function result(transId, eventCode, result)
{
var errCode = result.ErrorCode;
if (errCode) {
alert("(003) GPS Error: " + errCode + " " + result.ErrorMessage);
}
else {
map = new Map(result.ReturnValue.Latitude,
result.ReturnValue.Longitude);
map.id = "map";
map.color = "yellow";
map.name = "Artur";
map.width = 500;
map.height = 250;
map.showMap();
}
}

Staticmap-3.gif



[edit] Download

Para realizar o download desta API e ver a documentação da API clique clique http://embedded.ufcg.edu.br/~artur/Maps/Map.zip e http://embedded.ufcg.edu.br/~artur/Maps/docs/index.html

Para realizar o download dos exemplos, acesse http://embedded.ufcg.edu.br/~artur/Maps/Maps-Examples.zip para recuperar os dois primeiros exemplos e http://embedded.ufcg.edu.br/~artur/Maps/MapsGPS.wgz para recuperar o terceiro

[edit] Criado por (versão original)

  • Artur Farias (artur [at] embedded [dot] ufcg [dot] edu [br])

http://efforts.embedded.ufcg.edu.br/wrt/

This page was last modified on 29 June 2012, at 03:29.
96 page views in the last 30 days.
×