O documento descreve as funcionalidades e novidades do serviço de mapas Sapo, incluindo camadas de mapas, opções de pesquisa como códigos postais e itinerários, assim como a aplicação de uma API para integrar esses mapas em sites. Detalha diversas categorias de pontos de interesse e melhorias na apresentação de resultados, como informações sobre transporte público. É um serviço rico em conteúdo visual e interativo, promovendo uma experiência de navegação aprimorada.

1. Terabytes de Mapas Site + API @ ENEI 2010 10.04.2010 Este documento é propriedade intelectual da PT e fica proibida a sua utilização ou propagação sem expressa autorização escrita.

2. Os Mapas do SAPO http://mapas.sapo.pt

3. Índice Diversas Vistas do Mapas

4. 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

5. Mapas – Actualização das Imagens Aéreas

6. Mapas – Layer “Terreno” Novidades: Relevo Marcos Geodésicos Curvas de Nível

7. Índice Nova Pesquisa

8. 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.

9. Nova Pesquisa – Apresentação dos Resultados A nova apresentação dos resultados possibilita a disponibilização de mais resultados e pontos de interesse.

10. 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”

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

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

13. Nova Pesquisa – Zona de Visualização Encontre os Pontos de Interesse que procura na zona do mapa que está a visualizar.

14. Nova Pesquisa – Resultado Exacto Quando encontramos um resultado exacto apresentamos mais informação como o tempo, notícias, fotos, trânsito e vídeos

15. 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.

16. Índice Itinerários com Transportes Públicos

17. 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.

18. Itinerários – Transportes Públicos Apresentamos mais resultados e estruturamos os menus de forma a permitir uma navegação mais eficaz .

19. Índice Conteúdos

20. Conteúdos – Pontos de Interesse 90 Categorias e mais de 200 mil Pontos de Interesse.

21. 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.

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

23. Fotografias Panorâmicas 360º + Visitas Virtuais e Interactivas Conheça Portugal por dentro e por fora.

24. Índice Funcionalidades

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

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

27. 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 .

28. Índice API Application Programming Interface

29. SAPO Mapas API (Open Layers) Use a API do SAPO Mapas no seu site, é simples e gratuito. Como chegar http://mapas.sapo.pt/api

30. SAPO Mapas API – Como é feita? Tecnologias utilizadas: OpenLayers 2.8 JavaScript ( sim, muito JavaScript :) ) Web Services

31. OpenLayers – Uma breve análise

32. OpenLayers – Uma breve análise (2)

33. OpenLayers – Uma breve análise (3)

34. Sapo Mapas API – Map

35. Sapo Mapas API – Map (2) Tipo central da API. Cria um mapa numa página HTML. Disponibiliza métodos de interacção: setMapCenter – Centrar o mapa num ponto zoomTo – Definir o nível de zoom setBaseLayer – mudar a vista do mapa

36. Sapo Mapas API – Map (3) window.onload = function (){ var map = new SAPO.Maps.Map('mapDiv'); map.setBaseLayer(map.getBaseLayers().HYBRID_MAP) map.setMapCenter(new OpenLayers.LonLat(-9.133419, 38.709208), 13); } <div id='mapDiv' style='width:600px; height:400px;'></div>

37. Sapo Mapas API – Map Events Registar um evento: map.events register(event type, context, function) unregister(event type, context, function) Tipos de eventos: click, dblclick, baselayerchanged, move, movestart, moveend, zoomend, popupopen, popupclose, mouseover, mouseout, mousemove

38. Sapo Mapas API – Overlays O que é uma overlay? 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: Marker Polygon Polyline

39. Sapo Mapas API – Overlays (2) Adicionar uma overlay ao mapa map.addOverlay(overlay) Registar eventos: registerEvent(event type, scope, function) unregisterEvent(event type, scope, function) Eventos suportados: popupopened, popupclosed, click, dblclick, mousedown, mouseup, mouseover, mouseout, dragstart, drag, dragend, enabledragging, disabledragging

40. Pesquisa semântica: “ Comer em Lisboa” “ Dormir em Lisboa” “ Pitar em Lisboa ” Estas pesquisas apresentam resultados detalhados sobre o mapa: Sapo Mapas API – Search

41. Construtor: SAPO.Maps.Search(map?, panel?) Obter resultados Search.search(query, opts?) Sapo Mapas API – Search (2)

42. function doSearch(){ var value = document.getElementById( &quot;search&quot; ).value; if (value.length === 0) return ; search.cancel(); search.clear(); search.search(value, { allowPaging: true , categorizedSearch: true }); } Sapo Mapas API – Search (3)

43. Obter um itinerário entre 2 pontos. Sapo Mapas API – Itinerários

44. Construtor: SAPO.Maps.Itineraries(map?, panel?) Obter o percurso Itinerary.getItinerary(from, to, opts?) opts mode: ‘fastest’ | ‘shortest’ | ‘walk’ Sapo Mapas API – Itinerários (2)

45. function getRoute() { iti.cancel(); //if there’s a request for na itinerary cancel it iti.clear(); //If there’s an itinerary drawn var from = document.getElementById('from').value; var to = document.getElementById('to').value; if (!from || !to) return ; //get the itinerary iti.getItinerary(from, to, { mode: 'fastest’ }); } Sapo Mapas API – Itinerários (3)

46. http://mapas.sapo.pt/api

47. Tudo isto não seria possível…

48. Parceiros … sem os parceiros! O SAPO Mapas é um serviço 100% Português !

49. Contactos André Matos [email_address] João Duarte [email_address] Blog http://mapas.blogs.sapo.pt Twitter http://www.twitter.com/sapomapas Este documento é propriedade intelectual da PT e fica proibida a sua utilização ou propagação sem expressa autorização escrita.