Terabytes de MapasSite + API @ ENEI 2010

10.04.2010

Este documento é propriedade intelectual da PT e fica proibidaa sua utilização ou propagação sem expressa autorização escrita.

Os Mapas do SAPO

http://mapas.sapo.pt

Índice

Diversas Vistas

do Mapas

Mapas – Layer “Mapa”

Novidades:

• Manchas de áreas urbanas

• Manchas de vegetação

• Actualização vias e localidades

• Maior destaque a cidades e contornos dos países

• Reservas e Parques Naturais

• Marcos geodésicos

• Faróis

• Relevo

• Pontos de Interesse

• Sentidos de via

Mapas – Actualização das Imagens Aéreas

Mapas – Layer “Terreno”

Novidades:

• Relevo

• Marcos Geodésicos

• Curvas de Nível

Índice

Nova Pesquisa

Nova Pesquisa – Sugestões

As Sugestões na Pesquisa permite ajudá-lo a encontrar o que pretende de uma maneira cómoda e rápida.

Nova Pesquisa – Apresentação dos Resultados

A nova apresentação dos resultados possibilita a disponibilização de mais resultados e pontos de interesse.

Nova Pesquisa – Número de Porta/Polícia

Possibilita a pesquisa de número de porta ou polícia. Exemplos: “Av Liberdade, 21”, “Av. da República, nº21, Lisboa”

Nova Pesquisa – Códigos Postais

Possibilita a pesquisa de Códigos Postais de 4 e 7 dígitos. Exemplos: “1750”, “7050 840”, “8562-600”

Nova Pesquisa – Telefone

No caso de ter apenas o número de telefone do POI, mas não a morada, resolvemos o problema.

Nova Pesquisa – Zona de Visualização

Encontre os Pontos de Interesse que procura na zona do mapa que está a visualizar.

Nova Pesquisa – Resultado Exacto

Quando encontramos um resultado exacto apresentamos mais informação como o tempo, notícias, fotos, trânsito e vídeos

Nova Pesquisa – “O que há aqui?”

Através da tecla direita do rato, acedemos à opção “O que há aqui” que nos permite saber quais os POIs mais próximos.

Índice

Itinerários com

Transportes Públicos

Itinerários – Apresentação dos Resultados

Redesenhámos os itinerários, permitindo calcular os itinerários de 4 formas diferentes: carro mais rápido, carro mais curto, a pé e transportes públicos

(NOVO). Apresenta o tempo e distância.

Itinerários – Transportes Públicos

Apresentamos mais resultados e estruturamos os menus de forma a permitir uma navegação mais eficaz.

Índice

Conteúdos

Conteúdos – Pontos de Interesse

90 Categorias e mais de 200 mil Pontos de Interesse.

Conteúdos – Categorias Principais

Principais Categorias:• Cultura• Ensino• Hotéis e alojamentos• Saúde• Segurança• Serviços SAPO• Transportes• Turismo e Viagens • Utilidades• Compras• Desportos• Restaurantes

Todo o tipo de informação encontra-se disponível no Mapas.

Conteúdos – Serviços SAPO

Os Conteúdos do SAPO vieram enriquecer os Pontos de Interesse presentes no Mapas.

Fotografias Panorâmicas 360º + Visitas Virtuais e Interactivas

Conheça Portugal por dentro e por fora.

Índice

Funcionalidades

Funcionalidades – Full Browser

O Full Browser com o F11 retira todas as barras do browser permitindo uma total visualização dos Mapas.

Funcionalidades – Adicionar Marcador

O Adicionar Marcador permite que o utilizador coloque um ou mais pontos sobre o mapa.

Funcionalidades – Enviar por Mail e Link

O enviar por mail e o link permite comunicar com os seus amigos, colegas ou clientes de maneira mais rápida.

Índice

APIApplication Programming Interface

SAPO Mapas API (Open Layers)

Use a API do SAPO Mapas no seu site, é simples e gratuito.

Como chegar http://mapas.sapo.pt/api

SAPO Mapas API – Como é feita?

Tecnologias utilizadas: • OpenLayers 2.8

• JavaScript ( sim, muito JavaScript :) )

• Web Services

OpenLayers – Uma breve análise

OpenLayers – Uma breve análise (2)

OpenLayers – Uma breve análise (3)

Sapo Mapas API – Map

Sapo Mapas API – Map (2)

• Tipo central da API. • Cria um mapa numa página HTML.

• Disponibiliza métodos de interacção:

o setMapCenter – Centrar o mapa num ponto

o zoomTo – Definir o nível de zoom

o setBaseLayer – mudar a vista do mapa

Sapo Mapas API – Map (3)

wi ndow. onl oad = f unct i on ( ) {    var map = new SAPO. Maps. Map( ' mapDi v' ) ;    map. set BaseLayer(map. get BaseLayers( ) . HYBRI D_MAP)    map. set MapCent er(new OpenLayers. LonLat ( -9. 133419, 38. 709208) , 13) ;}

<di v i d=' mapDi v' st yl e=' wi dt h: 600px; hei ght : 400px; ' ></ di v>

Sapo Mapas API – Map Events

• Registar um evento: map.eventso register(event type, context, function)o unregister(event type, context, function)

• Tipos de eventos:

o click, dblclick, baselayerchanged, move, movestart, moveend, zoomend, popupopen, popupclose, mouseover, mouseout, mousemove

Sapo Mapas API – Overlays

• O que é uma overlay?

o Overlay é tudo aquilo que se coloca sobre o mapa e que acompanha o seu movimento.

• São tratadas pelo OL como features vectoriais.

• Overlays disponíveis:

o Markero Polygono Polyline

Sapo Mapas API – Overlays (2)

• Adicionar uma overlay ao mapa

map.addOverlay(overlay)

• Registar eventos:o registerEvent(event type, scope, function)o unregisterEvent(event type, scope, function)

• Eventos suportados: o popupopened, popupclosed, click, dblclick, mousedown, mouseup,

mouseover, mouseout, dragstart, drag, dragend, enabledragging, disabledragging

Sapo Mapas API – Search

• Pesquisa semântica:o “Comer em Lisboa”o “Dormir em Lisboa”o “Pitar em Lisboa”

• Estas pesquisas apresentam resultados detalhados sobre o mapa:

Sapo Mapas API – Search (2)

• Construtor:

o SAPO.Maps.Search(map?, panel?)

• Obter resultadoso Search.search(query, opts?)

Sapo Mapas API – Search (3)

f unct i on doSearch( ) {var val ue = document . get El ement ByI d( " search" ) . val ue;i f ( val ue. l engt h === 0) ret urn;search. cancel ( ) ;search. cl ear( ) ;search. search(val ue, {

al l owPagi ng: t rue, cat egor i zedSearch: t rue} ) ;

}

Sapo Mapas API – Itinerários

• Obter um itinerário entre 2 pontos.

Sapo Mapas API – Itinerários (2)

• Construtor:

o SAPO.Maps.Itineraries(map?, panel?)

• Obter o percursoo Itinerary.getItinerary(from, to, opts?)o opts

omode: ‘fastest’ | ‘shortest’ | ‘walk’

Sapo Mapas API – Itinerários (3)

f unct i on get Rout e( ) {i t i . cancel ( ) ; / / i f t here’s a request f or na i t i nerary cancel i t

i t i . cl ear( ) ; / / I f t here’s an i t i nerary drawn

var f rom = document . get El ement ByI d( ' f rom' ) . val ue;var t o = document . get El ement ByI d( ' t o' ) . val ue;

i f ( ! f rom | | ! t o) ret urn;

/ / get t he i t i nerary

i t i . get I t i nerary( f rom, t o, { mode: ' f ast est ’ } ) ;}

http://mapas.sapo.pt/api

Tudo isto não seria possível…

Parceiros

…sem os parceiros!

O SAPO Mapas é um serviço 100% Português!

Contactos André Matos andre-matos@telecom.ptJoão Duarte joao-c-duarte@telecom.pt

Blog http://mapas.blogs.sapo.pt

Twitter http://www.twitter.com/sapomapas

Este documento é propriedade intelectual da PT e fica proibidaa sua utilização ou propagação sem expressa autorização escrita.