Terabytes de Mapas

932 views

Published on

Apresentação sobre os Mapas do SAPO e a API, no Encontro Nacional de Estudantes de Informática de 2010, em Coimbra.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
932
On SlideShare
0
From Embeds
0
Number of Embeds
16
Actions
Shares
0
Downloads
6
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Terabytes de Mapas

  1. 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. 2. Os Mapas do SAPO http://mapas.sapo.pt
  3. 3. Índice Diversas Vistas do Mapas
  4. 4. Mapas – Layer “Mapa” <ul><li>Novidades: </li></ul><ul><li>Manchas de áreas urbanas </li></ul><ul><li>Manchas de vegetação </li></ul><ul><li>Actualização vias e localidades </li></ul><ul><li>Maior destaque a cidades e contornos dos países </li></ul><ul><li>Reservas e Parques Naturais </li></ul><ul><li>Marcos geodésicos </li></ul><ul><li>Faróis </li></ul><ul><li>Relevo </li></ul><ul><li>Pontos de Interesse </li></ul><ul><li>Sentidos de via </li></ul>
  5. 5. Mapas – Actualização das Imagens Aéreas
  6. 6. Mapas – Layer “Terreno” <ul><li>Novidades: </li></ul><ul><li>Relevo </li></ul><ul><li>Marcos Geodésicos </li></ul><ul><li>Curvas de Nível </li></ul>
  7. 7. Índice Nova Pesquisa
  8. 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. 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. 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. 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. 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. 13. Nova Pesquisa – Zona de Visualização Encontre os Pontos de Interesse que procura na zona do mapa que está a visualizar.
  14. 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. 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. 16. Índice Itinerários com Transportes Públicos
  17. 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. 18. Itinerários – Transportes Públicos Apresentamos mais resultados e estruturamos os menus de forma a permitir uma navegação mais eficaz .
  19. 19. Índice Conteúdos
  20. 20. Conteúdos – Pontos de Interesse 90 Categorias e mais de 200 mil Pontos de Interesse.
  21. 21. Conteúdos – Categorias Principais <ul><li>Principais Categorias: </li></ul><ul><ul><li>Cultura </li></ul></ul><ul><ul><li>Ensino </li></ul></ul><ul><ul><li>Hotéis e alojamentos </li></ul></ul><ul><ul><li>Saúde </li></ul></ul><ul><ul><li>Segurança </li></ul></ul><ul><ul><li>Serviços SAPO </li></ul></ul><ul><ul><li>Transportes </li></ul></ul><ul><ul><li>Turismo e Viagens </li></ul></ul><ul><ul><li>Utilidades </li></ul></ul><ul><ul><li>Compras </li></ul></ul><ul><ul><li>Desportos </li></ul></ul><ul><ul><li>Restaurantes </li></ul></ul>Todo o tipo de informação encontra-se disponível no Mapas.
  22. 22. Conteúdos – Serviços SAPO Os Conteúdos do SAPO vieram enriquecer os Pontos de Interesse presentes no Mapas.
  23. 23. Fotografias Panorâmicas 360º + Visitas Virtuais e Interactivas Conheça Portugal por dentro e por fora.
  24. 24. Índice Funcionalidades
  25. 25. Funcionalidades – Full Browser O Full Browser com o F11 retira todas as barras do browser permitindo uma total visualização dos Mapas.
  26. 26. Funcionalidades – Adicionar Marcador O Adicionar Marcador permite que o utilizador coloque um ou mais pontos sobre o mapa .
  27. 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. 28. Índice API Application Programming Interface
  29. 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. 30. SAPO Mapas API – Como é feita? <ul><li>Tecnologias utilizadas: </li></ul><ul><li>  </li></ul><ul><ul><li>OpenLayers 2.8 </li></ul></ul><ul><li>  </li></ul><ul><ul><li>JavaScript ( sim, muito JavaScript :) ) </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Web Services </li></ul></ul><ul><li>  </li></ul>
  31. 31. OpenLayers – Uma breve análise
  32. 32. OpenLayers – Uma breve análise (2)
  33. 33. OpenLayers – Uma breve análise (3)
  34. 34. Sapo Mapas API – Map
  35. 35. Sapo Mapas API – Map (2) <ul><ul><li>Tipo central da API. </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Cria um mapa numa página HTML.  </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Disponibiliza métodos de interacção: </li></ul></ul><ul><li>  </li></ul><ul><ul><ul><li>setMapCenter – Centrar o mapa num ponto </li></ul></ul></ul><ul><li>  </li></ul><ul><ul><ul><li>zoomTo – Definir o nível de zoom </li></ul></ul></ul><ul><li>  </li></ul><ul><ul><ul><li>setBaseLayer – mudar a vista do mapa </li></ul></ul></ul>
  36. 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. 37. Sapo Mapas API – Map Events   <ul><ul><li>Registar um evento: map.events </li></ul></ul><ul><ul><ul><li>register(event type, context, function) </li></ul></ul></ul><ul><ul><ul><li>unregister(event type, context, function) </li></ul></ul></ul><ul><li>  </li></ul><ul><ul><li>  Tipos de eventos: </li></ul></ul><ul><ul><ul><li>click, dblclick, baselayerchanged, move, movestart, moveend, zoomend, popupopen, popupclose, mouseover, mouseout, mousemove </li></ul></ul></ul>
  38. 38. Sapo Mapas API – Overlays   <ul><ul><li>O que é uma overlay? </li></ul></ul><ul><li>  </li></ul><ul><ul><ul><li>Overlay é tudo aquilo que se coloca sobre o mapa e que acompanha o seu movimento.  </li></ul></ul></ul><ul><li>  </li></ul><ul><ul><li>  São tratadas pelo OL como features vectoriais. </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Overlays disponíveis: </li></ul></ul><ul><ul><ul><li>Marker </li></ul></ul></ul><ul><ul><ul><li>Polygon </li></ul></ul></ul><ul><ul><ul><li>Polyline </li></ul></ul></ul>
  39. 39. Sapo Mapas API – Overlays (2)   <ul><ul><li>Adicionar uma overlay ao mapa </li></ul></ul><ul><ul><li>map.addOverlay(overlay) </li></ul></ul><ul><li>Registar eventos: </li></ul><ul><ul><li>registerEvent(event type, scope, function) </li></ul></ul><ul><ul><li>unregisterEvent(event type, scope, function) </li></ul></ul><ul><li>Eventos suportados: </li></ul><ul><ul><li>popupopened, popupclosed, click, dblclick, mousedown, mouseup, mouseover, mouseout, dragstart, drag, dragend, enabledragging, disabledragging </li></ul></ul>
  40. 40. <ul><li>Pesquisa semântica: </li></ul><ul><ul><li>“ Comer em Lisboa” </li></ul></ul><ul><ul><li>“ Dormir em Lisboa” </li></ul></ul><ul><ul><li>“ Pitar em Lisboa ” </li></ul></ul><ul><li>Estas pesquisas apresentam resultados detalhados sobre o mapa: </li></ul>Sapo Mapas API – Search  
  41. 41. <ul><li>Construtor: </li></ul><ul><ul><li>SAPO.Maps.Search(map?, panel?) </li></ul></ul><ul><li>Obter resultados </li></ul><ul><ul><li>Search.search(query, opts?) </li></ul></ul>Sapo Mapas API – Search (2)  
  42. 42. <ul><li>function doSearch(){ </li></ul><ul><li>var value = document.getElementById( &quot;search&quot; ).value; </li></ul><ul><li>if (value.length === 0) return ; </li></ul><ul><li>search.cancel(); </li></ul><ul><li>search.clear(); </li></ul><ul><li>search.search(value, { </li></ul><ul><li>allowPaging: true , </li></ul><ul><li>categorizedSearch: true }); </li></ul><ul><li>} </li></ul>Sapo Mapas API – Search (3)  
  43. 43. <ul><li>Obter um itinerário entre 2 pontos. </li></ul>Sapo Mapas API – Itinerários  
  44. 44. <ul><li>Construtor: </li></ul><ul><ul><li>SAPO.Maps.Itineraries(map?, panel?) </li></ul></ul><ul><li>Obter o percurso </li></ul><ul><ul><li>Itinerary.getItinerary(from, to, opts?) </li></ul></ul><ul><ul><li>opts </li></ul></ul><ul><ul><ul><li>mode: ‘fastest’ | ‘shortest’ | ‘walk’ </li></ul></ul></ul>Sapo Mapas API – Itinerários (2)  
  45. 45. <ul><li>function getRoute() { </li></ul><ul><li>iti.cancel(); //if there’s a request for na itinerary cancel it </li></ul><ul><li>iti.clear(); //If there’s an itinerary drawn </li></ul><ul><li>var from = document.getElementById('from').value; </li></ul><ul><li>var to = document.getElementById('to').value; </li></ul><ul><li> if (!from || !to) return ; </li></ul><ul><li>//get the itinerary </li></ul><ul><li>iti.getItinerary(from, to, { mode: 'fastest’ }); </li></ul><ul><li>} </li></ul>Sapo Mapas API – Itinerários (3)  
  46. 46. http://mapas.sapo.pt/api
  47. 47. Tudo isto não seria possível…
  48. 48. Parceiros … sem os parceiros! O SAPO Mapas é um serviço 100% Português !
  49. 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.

×