Joaquim Muchaxo. Mapas.SAPO.pt

Tamanho: px

Começar a partir da página:

Download "Joaquim Muchaxo. Mapas.SAPO.pt"

Derek Rosa Leão
10 Há anos
Visualizações:

1 API de Mapas do Sapo e exemplos de integração Joaquim Muchaxo Mapas.SAPO.pt

2 Resumo Introdução I - Widget do SAPO Mapas II - Os mapas como Web-Services

3 I) API de Mapas Cliente: - HTML / DOM / CSS - Javascript - script tag / XMLhttpRequest Servidor: - Web-Services

4 I - Widget SAPO Mapas

5 Widget SAPO Mapas - API /* required Map object */ var map1=new SAPO.Widget.Maps({ divid:'div_mapa', // a container where to render the map maptitle:'map Renderer', // a Title for the Map widget selfrender: true, // otherwise call map1.rendermap() /* map Size in pixels */ width: 700, height: 400, markers: Markers // Given or {}, Markers to add to the map on startup });

$Maps({ divid:'div_mapa', // a container where to render the map maptitle:'map Renderer', //$

6 Widget SAPO Mapas - API var Markers= { "rss": { "channel": { "copyright": " 2005, PT.COM", "description": "Pesquisa Notícias por title:lisboa", "item": [ { "author": "RÃ dio RenascenÃ a", "dc:date": " T23:19:00Z", "description": "Os trabalhadores..", "guid": " "link": " "title": "Lisboa: FuncionÃ rios admitem fazer greve", "geo:lat": , "geo:lon": }; //obj } //rss }, { } ] //item } //channel _

$"2006-10-25T23:19:00Z", "description": "Os trabalhadores..", "guid": "http:\/\//www.rr.pt\/noticia.asp?$

7 Widget SAPO Mapas - API Definição de icon para os marcadores : Markers.icon= { image: " // Image source or an HTML fragment iconsize: {width: 16, height: 16}, // required, icon size in pixels iconanchor: {x: 8, y: 0}, // Relative position in pixels of the Icon anchor (where the Icon touches the ground, measured from bottom left of icon image) infowindowanchor: {x: 8, y: 0} // Relative position in pixels of the Window anchor (where the Window touches the ground, measured from bottom left of icon image) };

// Relative position in pixels of the Icon anchor (where the Icon touches the ground, measured from bottom left of icon image)

8 Widget SAPO Mapas - Assistência na introdução de conteúdos - Localização do utilizador

9 Widget SAPO Mapas - API Markers.map_options= { mapcontrol: "large", locator_callback: cb, locator_marker: { title:"estou aqui", description:" }, }; // lat: 39, // lon: -9, zoom: 15 /* zooms 5 (Portugal) to 17 (maximum detail) */

$cb, locator_marker: { title:"estou aqui", description:"$

10 Widget SAPO Mapas Extensões: GeoRSS - ex: farmácias de serviço em Lisboa

11 GeoRSS: Widget SAPO Mapas map1.addrssmarkers( " "rss_callback"); function rss_callback( escapedmarkers) { function rss_callback( escapedmarkers) { eval( "var RSSMarkers="+ unescape( escapedmarkers) ); map1.options.markers.rss= RSSMarkers.rss; map1.rendermap(); }

$function rss_callback( escapedmarkers) { eval( "var RSSMarkers="+ unescape($

12 Widget SAPO Mapas Web service com dados georeferenciados (hotspots PT-WIFI) :

13 Widget SAPO Mapas - API Web Service (dados georeferenciados) map1.addrssmarkerswithxsl( s$('service').value, // Web Service "rss_callback", // JS " // XSL

14 Técnicas de Web-mapping TILES Asynchronous JavaScript and XML (AJAX)

15 Técnicas de web-mapping Tiles O mapa está organizado em toda a extensão num número de zooms diferentes em pequenas imagens (por ex, 256 x 256)

16 A Interacção com o Site substitui a página por outra página. AJAX A Interacção como Site altera componentes da mesma página individualmente. (Garrett, 2005).

17 Limitações Interfaces de mapas com Tiles: não permite picar em elementos e obter propriedades Extensões: GeoRSS Legenda e Escala à parte Canvas (Red-lines) Pesquisa Asynchronous JavaScript and XML (AJAX) A) HTML obriga a maior integração de tecnologias ( SVG / VML / Web Services) B) Distribuição como Aplicação ( Google Earth ) ou Java Web Start / Flash

Asynchronous JavaScript and XML (AJAX) A) HTML obriga a maior integração de tecnologias

18 II) Mapas como Web-Services Standards OGC - Imagem (WMS url, SLD styles) - listas de elementos XML (WFS) Viewers: Google Earth WmsViewer.com - layers de sistemas SIG remotos

19 II Web-Services de Mapas

20 WMS Capabilities (lista de layers, etc) URL?request=GetCapabilities&version=1.1&service=WMS >> Obtem o Mapa: URL?servicename=timeline&WMTVER=1.0&layers=Average+Annual+Precipitation+(mm)&Request= GetMap&width=800&height=600&Styles=&SRS=EPSG:4326&format=image/gif Obtem uma legenda URL?servicename=timeline&WMTVER=1.0&request=getlegendgraphic&layers=Average+Annual+P recipitation+(mm) WFS InfoTips / Tabelas de atributos de elementos de um mapa

0&layers=Average+Annual+Precipitation+(mm)&Request= GetMap&width=800&height=600&Styles=&SRS=EPSG:4326&format=image/gif

21 WMS precipitação média anual (NOAA )

22 WMS falhas geológicas IGP (ww.igeo.pt) Atlas de Portugal

23 SAPO Web-Services getmap (WMS) =GetMap&width=600&height=449&transparent=true&bbox= , , ,

24 SAPO Web-Services getmap simples gitude=-9&radius=10000&width=400&height=300 Em breve: Adição de GeoRSS e Icons

25 SW de Mapas (Engines) Traços gerais: mapa como Imagem (WMS) Informação em XML (WFS) Dados : ficheiros / BD espaciais (Oracle, postgresql) Rendering como query WMS vs custom php, Asp.net OpenSource : MapServer (WMS produção de Tiles) GeoServer mapguide Open Source Comerciais : ESRI ArcIms MapInfo MapXtreme Autodesk Mapguide

26 Routing Web-Service Itinerário dados os pontos de partida e chegada , , Modos: apeado, mais curto de carro ou mais rápido de carro. Output em XML ou JSON Resultado: { polylines e atributos } * sentido de viragem (dir) tempo (t) nesse troço nome da rua (para onde virou) distância percorrida nesse troço - distância e tempo totais * Sistema de coordenadas do Sapo Mapas.

27 Routing Web-Service Rendering: SAPO Mapas Browser (SVG / VML) FFox / IE Previsto: Previsto: Rendering de uma imagem com itinerário no servidor (HTML layer)

28 Próximos passos SITE SAPO Mapas Web-services e informação dos mapas como layers Agregação de marcadores (elevados POIs no mapa) Web-services Base de dados Geográfica

29 Widget dos MAPAS Conclusões mapas em qualquer página Web Marcadores personalizados ( JS ou GeoRSS ) Assistência na introdução de moradas Web-services services.sapo.pt (Maps & GIS) Mapas em dispositivos com Internet Reverse-geocoding

30 API de Mapas do Sapo e exemplos de integração Joaquim Muchaxo [email protected] Mapas.SAPO.pt

Documentos relacionados

Introdução Padrões OGC Instalação Configuração Formatos de Saída Aplicação AGENDA

Introdução ao Introdução Padrões OGC Instalação Configuração Formatos de Saída Aplicação AGENDA INTRODUÇÃO GeoServer GeoTools INTRODUÇÃO GeoServer Servidor de informação geoespacial OGC; Utilizado para