×
Namespaces

Variants
Actions
Revision as of 03:29, 29 June 2012 by hamishwillee (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

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

From Nokia Developer Wiki
Jump to: navigation, search

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

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.


Como usar

Agora irei mostrar alguns exemplos de como usar esta API.


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

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

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



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

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.
92 page views in the last 30 days.
×