Archived:API para acesso à mapas estáticos usando GoogleMaps para JavaScript
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
Dados do artigo
Artigo
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.
/**
* 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();
}
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.
/**
* 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
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();
}
}
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/
(no comments yet)