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

From Forum Nokia Wiki

Original: Static GoogleMaps API in JavaScript

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();
}

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

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 aqui e aqui

Para realizar o download dos exemplos, acesse aqui para recuperar os dois primeiros exemplos e aqui para recuperar o terceiro

Criado por (versão original)

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

WRT Effort

Community: Wiki