Você está na página 1de 15

3/6/13

Servio Street View - API Javascript do Google Maps v3 Google Developers

GoogleMapsJavaScriptAPI3X

Search

junot.rj@gmail.com Signout

Incio

Produtos

Conferncias

Demonstrao

Pginaativa

Grupos

APIJavascriptdoGoogleMapsv3
Guiadodesenvolvedor
Primeirospassos Limitesdeusoe faturamento Conceitos Eventos Controles Estilos Sobreposies Camadas Tiposdemapas

1.677

Comentriossobreestedocumento

ServioStreetView
Visogeral UsodomapaStreetView PanoramasdoStreetView ContineresdoStreetView LocaisdoStreetView Pontosdevista(POV)doStreetView SobreposiesnoStreetView EventosdoStreetView ComopersonalizarcontrolesdoStreetView ComoacessardadosdoStreetViewdiretamente ComofornecerpanoramaspersonalizadosdoStreetView Comocriarpanoramaspersonalizados Comocriarblocosdepanoramapersonalizados Comomanipularsolicitaesdepanoramapersonalizadas

Servios
Rotas DistanceMatrix Elevation Geocoding Imagensdezoom mximo GoogleStreetView

Visogeral
OGoogleStreetViewfornecevisualizaespanormicasde360derodoviasdesignadasemtodasuareadecobertura.A coberturadaAPIdoStreetViewigualdoaplicativodoGoogleMaps(h t t p : / / m a p s . g o o g l e . c o m / ).Alistadecidades atualmenteaceitasnoStreetViewestdisponvelnaCentraldeAjudadoGoogleMaps. UmaimagemdeamostradoStreetViewmostradaabaixo.

Bibliotecas RefernciadaAPI Exemplosdecdigo Maisrecursos


Blog Frum Perguntasfrequentes

BancroftWay,Berkeley
Addressisapproximate

Reportaproblem 2013Google

APIdoGoogleMapspara Empresas

AAPIJavaScriptdoGoogleMapsforneceoservioStreetViewparaobteremanipularasimagensusadasnoStreetViewdo GoogleMaps.DiferentedaAPIv2,oservioStreetViewdaAPIJavaScriptdoGoogleMapsv3temsuportenativono navegador.

ServiosdaWebdaAPI
doGoogleMaps APIdoGooglePlaces APIdoGoogleStaticMaps APIdeimagemdoGoogle StreetView APIdoGoogleEarth

UsodomapaStreetView
EmboraoStreetViewpossaserusadoemumelementoDOMdedicado,elemaistilaoindicarumlocalemummapa.Por padro,oStreetViewativadoemummapa,eumcontrolePegmandoStreetViewapareceintegradonoscontrolesde navegao(zoomevistapanormica).VocpodeocultaressecontrolenoM a p O p t i o n s domapadefinindo s t r e e t V i e w C o n t r o l comof a l s e .VoctambmpodealteraraposiopadrodocontroleStreetViewdefinindoa propriedadeM a p des t r e e t V i e w C o n t r o l O p t i o n s . p o s i t i o n comoumnovoC o n t r o l P o s i t i o n .

https://developers.google.com/maps/documentation/javascript/streetview?hl=pt-br

1/15

3/6/13
APIsobsoletas

Servio Street View - API Javascript do Google Maps v3 Google Developers


OcontrolePegmandoStreetViewpermitevisualizarpanoramasdoStreetViewdiretamentenomapa.Quandovocclicae manterpressionadoocontrolePegman,omapaatualizadoparamostrarruasativadasparaoStreetViewusandocontornos azuisnomapa:

SolteomarcadorPegmanemumaruaparaqueomapasejaatualizadoeexibaumpanoramadoStreetViewdolocal indicado. Oexemploaseguiradicionaums t r e e t V i e w C o n t r o l aummapadeBostonpertodeFenwayPark: v a rf e n w a y=n e wg o o g l e . m a p s . L a t L n g ( 4 2 . 3 4 5 5 7 3 , 7 1 . 0 9 8 3 2 6 ) ; v a rm a p O p t i o n s={ c e n t e r :f e n w a y , z o o m :1 4 , m a p T y p e I d :g o o g l e . m a p s . M a p T y p e I d . R O A D M A P } ; v a rm a p=n e wg o o g l e . m a p s . M a p ( d o c u m e n t . g e t E l e m e n t B y I d ( " m a p _ c a n v a s " ) ,m a p O p t i o n s ) ; Vejaumexemplo(streetviewmap.html)

PanoramasdoStreetView
AsimagensdoStreetViewsosuportadascomousodoobjetoS t r e e t V i e w P a n o r a m a ,queforneceumainterfacedaAPI paraum"visualizador"doStreetView.CadamapacontmumpanoramapadrodoStreetView,quevocpoderecuperar chamandoomtodog e t S t r e e t V i e w ( ) domapa.QuandovocadicionaumcontroledoStreetViewaomapadefinindoa opos t r e e t V i e w C o n t r o l comot r u e ,conectaautomaticamenteocontrolePegmanaessepanoramapadrodoStreet View. VoctambmpodecriarseuprprioobjetoS t r e e t V i e w P a n o r a m a edefiniromapaparausarissoemvezdopadro, definindoapropriedades t r e e t V i e w domapaexplicitamenteparaesseobjetoconstrudo.Vocpodesubstituiropanorama padrosedesejarmodificarocomportamentopadro,como,porexemplo,ocompartilhamentoautomticodassobreposies entreomapaeopanorama.ConsulteSobreposiesnoStreetViewabaixo.

ContineresdoStreetView
VocpodeexibirumS t r e e t V i e w P a n o r a m a emumelementoDOMseparado,geralmenteumelemento< d i v > .Basta transmitiroelementoDOMnoconstrutordoS t r e e t V i e w P a n o r a m a .Paraexibirasimagensdemodoideal,recomendamos umtamanhomnimode200x200pixels. Observao:emboraafunodoStreetViewsejadesenvolvidaparaserusadajuntocomummapa,essautilizaono

https://developers.google.com/maps/documentation/javascript/streetview?hl=pt-br

2/15

3/6/13

Servio Street View - API Javascript do Google Maps v3 Google Developers


obrigatria.VocpodeusarumobjetodedicadodoStreetViewsemummapa.

LocaisepontodevistadoStreetView
OconstrutorS t r e e t V i e w P a n o r a m a tambmpermitedefinirolocaleopontodevisualizaodoStreetViewusandoo parmetroS t r e e t V i e w O p t i o n s .Vocpodechamars e t P o s i t i o n ( ) es e t P o v ( ) noobjetodepoisdaconstruopara alterarseulocalepontodevisualizao. OlocaldoStreetViewdefineoposicionamentodofocodacmeraparaumaimagem,masnodefineaorientaodacmera paraessaimagem.Paraessefim,oobjetoS t r e e t V i e w P o v definetrspropriedades: h e a d i n g (0 padro):defineonguloderotaoaoredordofocodacmeraemgrauscomrelaoaonortereal.Os ttulossomedidosnosentidohorrio(90olestereal). p i t c h (0 padro):defineavariao"paracima"ou"parabaixo"donguloemrelaoinclinaoinicialpadroda cmera,quegeralmente(masnosempre)planaehorizontal.Porexemplo,umaimagemtiradaemumacolina provavelmenteexibirumainclinaopadroquenohorizontal.Osngulosdeinclinaosomedidoscomvalores positivosolhandoparacima(at+90grausemlinharetaparacimaeortogonalcomrelaoinclinaopadro)e valoresnegativosolhandoparabaixo(at90grausemlinharetaparabaixoeortogonalcomrelaoinclinao padro). z o o m (1 padro):defineonveldezoomdessavisualizao(queilustraefetivamenteo"campodeviso")com0 totalmentediminudo.AmaioriadoslocaisdoStreetViewoferecesuporteanveisdezoomde0 a3 ,inclusive. OcdigoaseguirexibeummapadeBostoncomumavisualizaoinicialdeFenwayPark.AseleodoPegman,arrastando oatumlocalsuportadonomapa,alteraopanoramadoStreetView: v a rf e n w a y=n e wg o o g l e . m a p s . L a t L n g ( 4 2 . 3 4 5 5 7 3 , 7 1 . 0 9 8 3 2 6 ) ; v a rm a p O p t i o n s={ c e n t e r :f e n w a y , z o o m :1 4 , m a p T y p e I d :g o o g l e . m a p s . M a p T y p e I d . R O A D M A P } ; v a rm a p=n e wg o o g l e . m a p s . M a p ( d o c u m e n t . g e t E l e m e n t B y I d ( " m a p _ c a n v a s " ) ,m a p O p t i o n s ) ; v a rp a n o r a m a O p t i o n s={ p o s i t i o n :f e n w a y , p o v :{ h e a d i n g :3 4 , p i t c h :1 0 , z o o m :1 } } ; v a rp a n o r a m a=n e w g o o g l e . m a p s . S t r e e t V i e w P a n o r a m a ( d o c u m e n t . g e t E l e m e n t B y I d ( " p a n o " ) ,p a n o r a m a O p t i o n s m a p . s e t S t r e e t V i e w ( p a n o r a m a ) ;

Vejaumexemplo(streetviewsimple.html)

SobreposiesnoStreetView
OobjetoS t r e e t V i e w P a n o r a m a compatvelcomaexibionativadesobreposiesdomapa.Assobreposies geralmenteaparecemno"nveldarua"fixadasnasposiesL a t L n g .Osmarcadoresaparecemcomsuascaudasancorada noplanohorizontaldolocal,porexemplo,nopanoramadoStreetView. Atualmente,ostiposdesobreposioaceitosnospanoramasdoStreetViewlimitamseaM a r k e r s,I n f o W i n d o w se O v e r l a y V i e w spersonalizados.AssobreposiesexibidasemummapapodemserexibidasemumpanoramadoStreet ViewtratandoopanoramacomoumsubstitutodoobjetoM a p ,chamandos e t M a p ( ) etransmitindooS t r e e t V i e w P a n o r a m a comoumargumentoemvezdeummapa.Demodosimilar,asjanelasdeinformaespodemserabertasemumpanorama doStreetViewchamandoo p e n ( ) etransmitindooS t r e e t V i e w P a n o r a m a ( ) emvezdeummapa. Almdisso,duranteacriaodeummapacomumS t r e e t V i e w P a n o r a m a padro,todososmarcadorescriadosnomapa socompartilhadosautomaticamentecomopanoramadoStreetViewassociadodomapa,contantoqueopanoramaseja

https://developers.google.com/maps/documentation/javascript/streetview?hl=pt-br

3/15

3/6/13

Servio Street View - API Javascript do Google Maps v3 Google Developers


visvel.PararecuperaropanoramapadrodoStreetView,chameg e t S t r e e t V i e w ( ) noobjetoM a p .Sevocdefinir explicitamenteapropriedades t r e e t V i e w domapacomoumS t r e e t V i e w P a n o r a m a desuaprpriaconstruo,substituir opanoramapadroedesativarocompartilhamentoautomticodesobreposies. OexemploaseguirmostramarcadoresqueindicamvrioslocaisaoredordeAstorPlace,NewYork.Alterneaexibiopara StreetViewparamostrarosmarcadorescompartilhadosquesoexibidosemS t r e e t V i e w P a n o r a m a . v a rm a p ; v a rp a n o r a m a ; v a ra s t o r P l a c e=n e wg o o g l e . m a p s . L a t L n g ( 4 0 . 7 2 9 8 8 4 ,7 3 . 9 9 0 9 8 8 ) ; v a rb u s S t o p=n e wg o o g l e . m a p s . L a t L n g ( 4 0 . 7 2 9 5 5 9 6 7 8 8 5 1 0 2 5 ,7 3 . 9 9 0 7 4 1 9 6 8 1 5 4 9 1 ) ; v a rc a f e=n e wg o o g l e . m a p s . L a t L n g ( 4 0 . 7 3 0 0 3 1 2 3 3 9 1 0 6 9 4 ,7 3 . 9 9 1 4 2 8 6 1 3 6 6 2 7 2 ) ; v a rb a n k=n e wg o o g l e . m a p s . L a t L n g ( 4 0 . 7 2 9 6 8 1 6 3 3 0 6 6 1 2 ,7 3 . 9 9 1 1 3 8 9 3 5 0 8 9 1 ) ; f u n c t i o ni n i t i a l i z e ( ){

/ /S e tu pt h em a p v a rm a p O p t i o n s={ c e n t e r :a s t o r P l a c e , z o o m :1 8 , m a p T y p e I d :g o o g l e . m a p s . M a p T y p e I d . R O A D M A P , s t r e e t V i e w C o n t r o l :f a l s e } ; m a p=n e wg o o g l e . m a p s . M a p ( d o c u m e n t . g e t E l e m e n t B y I d ( ' m a p _ c a n v a s ' ) ,m a p O p t i o n s ) ;

/ /S e t u pt h em a r k e r so nt h em a p v a rc a f e M a r k e r I m a g e= n e wg o o g l e . m a p s . M a r k e r I m a g e ( ' h t t p : / / c h a r t . a p i s . g o o g l e . c o m / c h a r t ? c h s t = d _ m a p _ p i n _ i c o n & c h l d = c a f e | F F F v a rc a f e M a r k e r=n e wg o o g l e . m a p s . M a r k e r ( { p o s i t i o n :c a f e , m a p :m a p , i c o n :c a f e M a r k e r I m a g e , t i t l e :' C a f e ' } ) ;

v a rb a n k M a r k e r I m a g e= n e wg o o g l e . m a p s . M a r k e r I m a g e ( ' h t t p : / / c h a r t . a p i s . g o o g l e . c o m / c h a r t ? c h s t = d _ m a p _ p i n _ i c o n & c h l d = d o l l a r | F v a rb a n k M a r k e r=n e wg o o g l e . m a p s . M a r k e r ( { p o s i t i o n :b a n k , m a p :m a p , i c o n :b a n k M a r k e r I m a g e , t i t l e :' B a n k ' } ) ;

v a rb u s M a r k e r I m a g e= n e wg o o g l e . m a p s . M a r k e r I m a g e ( ' h t t p : / / c h a r t . a p i s . g o o g l e . c o m / c h a r t ? c h s t = d _ m a p _ p i n _ i c o n & c h l d = b u s | F F F F v a rb u s M a r k e r=n e wg o o g l e . m a p s . M a r k e r ( { p o s i t i o n :b u s S t o p , m a p :m a p , i c o n :b u s M a r k e r I m a g e , t i t l e :' B u sS t o p ' } ) ;

/ /W eg e tt h em a p ' sd e f a u l tp a n o r a m aa n ds e tu ps o m ed e f a u l t s . / /N o t et h a tw ed o n ' ty e ts e ti tv i s i b l e . p a n o r a m a=m a p . g e t S t r e e t V i e w ( ) ; p a n o r a m a . s e t P o s i t i o n ( a s t o r P l a c e ) ; p a n o r a m a . s e t P o v ( { h e a d i n g :2 6 5 , z o o m : 1 , p i t c h : 0 } ) ;


} f u n c t i o nt o g g l e S t r e e t V i e w ( ){ v a rt o g g l e=p a n o r a m a . g e t V i s i b l e ( ) ;

https://developers.google.com/maps/documentation/javascript/streetview?hl=pt-br

4/15

3/6/13

Servio Street View - API Javascript do Google Maps v3 Google Developers


i f( t o g g l e= =f a l s e ){ p a n o r a m a . s e t V i s i b l e ( t r u e ) ; }e l s e{ p a n o r a m a . s e t V i s i b l e ( f a l s e ) ; } }

Vejaumexemplo(streetviewoverlays.html)

EventosdoStreetView
AonavegarentreoStreetViewoumanipularsuaorientao,vocpodemonitorarvrioseventosqueindicamalteraesno estadodoS t r e e t V i e w P a n o r a m a : p a n o _ c h a n g e d acionadosemprequeoIDdopanoramaindividualmuda.Esseeventonogarantequeosdados associadosdopanorama(porexemplo,oslinks)tambmtenhamsidoalteradosnomomentoemqueesseeventofoi acionadoesseeventosindicaqueumIDdopanoramafoialterado.OIDdopanorama(usadoparafazerrefernciaa essepanorama)sestestvelnasessodonavegadoratual. p o s i t i o n _ c h a n g e d acionadosemprequeaposiosubjacente(L a t L n g )dopanoramamuda.Girarumpanorama noacionaresseevento.VocpodealteraraposiosubjacentedeumpanoramasemalteraroIDassociado,poisa APIassociarautomaticamenteoIDmaisprximoposiodopanorama. p o v _ c h a n g e d acionadosemprequeoS t r e e t V i e w P o v doStreetViewmuda.Esseeventopodeseracionado quandoaposioeoIDdopanoramapermanecemestveis. l i n k s _ c h a n g e d acionadosemprequeoslinksdoStreetViewmudam.Esseeventopodeseracionadodemodo assncronodepoisdeumaalteraonoIDdopanoramaindicadaporp a n o _ c h a n g e d . v i s i b l e _ c h a n g e d acionadosemprequeavisibilidadedoStreetViewmuda.Esseeventopodeseracionadode modoassncronodepoisdeumaalteraonoIDdopanoramaindicadaporp a n o _ c h a n g e d . OcdigoaseguirilustracomoesseseventospodemsermanipuladosparacoletardadossobreoS t r e e t V i e w P a n o r a m a subjacente: v a rc a f f e=n e wg o o g l e . m a p s . L a t L n g ( 3 7 . 8 6 9 0 8 5 , 1 2 2 . 2 5 4 7 7 5 ) ; f u n c t i o ni n i t i a l i z e ( ){ v a rp a n o r a m a O p t i o n s={ p o s i t i o n : c a f f e , p o v :{ h e a d i n g :2 7 0 , p i t c h : 0 , z o o m : 1 } , v i s i b l e : t r u e } ; v a rp a n o r a m a=n e wg o o g l e . m a p s . S t r e e t V i e w P a n o r a m a ( d o c u m e n t . g e t E l e m e n t B y I d ( " p a n o " ) ,p a n o r a m a O p t i o n s g o o g l e . m a p s . e v e n t . a d d L i s t e n e r ( p a n o r a m a ,' p a n o _ c h a n g e d ' ,f u n c t i o n ( ){ v a rp a n o C e l l=d o c u m e n t . g e t E l e m e n t B y I d ( ' p a n o _ c e l l ' ) ; p a n o C e l l . f i r s t C h i l d . n o d e V a l u e=p a n o r a m a . g e t P a n o ( ) ; } ) ; g o o g l e . m a p s . e v e n t . a d d L i s t e n e r ( p a n o r a m a ,' l i n k s _ c h a n g e d ' ,f u n c t i o n ( ){ v a rl i n k s T a b l e=d o c u m e n t . g e t E l e m e n t B y I d ( ' l i n k s _ t a b l e ' ) ; w h i l e ( l i n k s T a b l e . h a s C h i l d N o d e s ( ) ){ l i n k s T a b l e . r e m o v e C h i l d ( l i n k s T a b l e . l a s t C h i l d ) ; } ; v a rl i n k s= p a n o r a m a . g e t L i n k s ( ) ; f o r( v a rii nl i n k s ){ v a rr o w=d o c u m e n t . c r e a t e E l e m e n t ( " t r " ) ; l i n k s T a b l e . a p p e n d C h i l d ( r o w ) ; v a rh C e l l=d o c u m e n t . c r e a t e E l e m e n t ( " t d " ) ; v a rh T e x t=" L i n k :"+i+" " ;

https://developers.google.com/maps/documentation/javascript/streetview?hl=pt-br

5/15

3/6/13

Servio Street View - API Javascript do Google Maps v3 Google Developers


h C e l l . i n n e r H T M L=h T e x t ; v a rv C e l l=d o c u m e n t . c r e a t e E l e m e n t ( " t d " ) ; v a rv T e x t=l i n k s [ i ] . d e s c r i p t i o n ; v C e l l . i n n e r H T M L=v T e x t ; l i n k s T a b l e . a p p e n d C h i l d ( h C e l l ) ; l i n k s T a b l e . a p p e n d C h i l d ( v C e l l ) ; } } ) ; g o o g l e . m a p s . e v e n t . a d d L i s t e n e r ( p a n o r a m a ,' p o s i t i o n _ c h a n g e d ' ,f u n c t i o n ( ){ v a rp o s i t i o n C e l l=d o c u m e n t . g e t E l e m e n t B y I d ( ' p o s i t i o n _ c e l l ' ) ; p o s i t i o n C e l l . f i r s t C h i l d . n o d e V a l u e=p a n o r a m a . g e t P o s i t i o n ( ) ; } ) ; g o o g l e . m a p s . e v e n t . a d d L i s t e n e r ( p a n o r a m a ,' p o v _ c h a n g e d ' ,f u n c t i o n ( ){ v a rh e a d i n g C e l l=d o c u m e n t . g e t E l e m e n t B y I d ( ' h e a d i n g _ c e l l ' ) ; v a rp i t c h C e l l=d o c u m e n t . g e t E l e m e n t B y I d ( ' p i t c h _ c e l l ' ) ; h e a d i n g C e l l . f i r s t C h i l d . n o d e V a l u e=p a n o r a m a . g e t P o v ( ) . h e a d i n g ; p i t c h C e l l . f i r s t C h i l d . n o d e V a l u e=p a n o r a m a . g e t P o v ( ) . p i t c h ; } ) ; }

Vejaumexemplo(streetviewevents.html)

ControlesdoStreetView
AoexibirumS t r e e t V i e w P a n o r a m a ,vrioscontrolesaparecemnopanoramaporpadro.Vocpodeativaroudesativar essescontrolesdefinindooscamposapropriadosnoS t r e e t V i e w P a n o r a m a O p t i o n s doStreetViewcomot r u e ouf a l s e : Ump a n C o n t r o l forneceummeioparagiraropanorama.Essecontroleapareceporpadrocomoumcontrolepadro integradodebssolaevistapanormica.VocpodealteraraposiodocontrolefornecendoP a n C o n t r o l O p t i o n s nocampop a n C o n t r o l O p t i o n s . Umz o o m C o n t r o l forneceummeioparaaplicarzoomnaimagem.Essecontroleapareceporpadroabaixodo controledevistapanormica.VocpodealteraraaparnciadocontrolefornecendoZ o o m C o n t r o l O p t i o n s no campoz o o m C o n t r o l O p t i o n s . Uma d d r e s s C o n t r o l forneceumasobreposiotextualindicandooendereodolocalassociado.Vocpodealterar aaparnciadocontrolefornecendoS t r e e t V i e w A d d r e s s C o n t r o l O p t i o n s nocampo a d d r e s s C o n t r o l O p t i o n s . Uml i n k s C o n t r o l fornecesetasdeguianaimagemparairatasimagensadjacentesdopanorama. OexemploaseguiralteraoscontrolesexibidosnoStreetViewassociadoeremoveoslinksdavisualizao: v a rf e n w a y=n e wg o o g l e . m a p s . L a t L n g ( 4 2 . 3 4 5 5 7 3 , 7 1 . 0 9 8 3 2 6 ) ;

/ /N o t e :c o n s t r u c t e dp a n o r a m ao b j e c t sh a v ev i s i b l e :t r u e / /s e tb yd e f a u l t . v a rp a n o O p t i o n s={ p o s i t i o n :f e n w a y , a d d r e s s C o n t r o l O p t i o n s :{ p o s i t i o n :g o o g l e . m a p s . C o n t r o l P o s i t i o n . B O T T O M } , l i n k s C o n t r o l :f a l s e , p a n C o n t r o l :f a l s e , z o o m C o n t r o l O p t i o n s :{ s t y l e :g o o g l e . m a p s . Z o o m C o n t r o l S t y l e . S M A L L } , e n a b l e C l o s e B u t t o n :f a l s e , v i s i b l e : t r u e } ;
v a rp a n o r a m a=n e wg o o g l e . m a p s . S t r e e t V i e w P a n o r a m a (

https://developers.google.com/maps/documentation/javascript/streetview?hl=pt-br

6/15

3/6/13

Servio Street View - API Javascript do Google Maps v3 Google Developers


d o c u m e n t . g e t E l e m e n t B y I d ( " p a n o " ) ,p a n o O p t i o n s ) ; Vejaumexemplo(streetviewcontrols.html)

ComoacessardadosdoStreetViewdiretamente
VocpodedeterminardemodoprogramticoadisponibilidadedosdadosdoStreetViewouretornarinformaessobrealguns panoramas,semprecisardamanipulaodiretadeummapa/panorama.Vocpodefazerissousandooobjeto S t r e e t V i e w S e r v i c e ,queforneceumainterfaceparaosdadosarmazenadosnoservioStreetViewdoGoogle.

SolicitaesdoservioStreetView
OacessoaoservioStreetViewassncrono,poisaAPIdoGoogleMapsprecisafazerumachamadaparaumservidor externo.Poressemotivo,vocprecisatransmitirummtododeretornodechamadaaserexecutadoapsaconclusoda solicitao.Essemtododeretornodechamadaprocessaoresultado. VocpodeiniciardoistiposdesolicitaoparaS t r e e t V i e w S e r v i c e : g e t P a n o r a m a B y I d ( ) :retornaosdadosdopanoramacombaseemumIDderefernciaqueidentificaopanorama comexclusividade.EssesIDsderefernciassoestveisnasessodonavegadoratual. g e t P a n o r a m a B y L o c a t i o n ( ) :procuradadosdopanoramaemumadeterminadarea,combasenoL a t L n g transmitidoenoraio(emmetros)dapesquisa.Seoraiofor50metrosoumenos,opanoramaretornadosero panoramamaisprximodolocalfornecido.

RespostasdoservioStreetView
g e t P a n o r a m a B y L o c a t i o n ( ) eg e t P a n o r a m a B y I d ( ) especificamumafunoderetornodechamadaaserexecutada apsarecuperaodeumresultadonoservioStreetView.Essafunoderetornodechamadaretornaumconjuntode dadosdopanoramaemumobjetoS t r e e t V i e w P a n o r a m a D a t a eumcdigoS t r e e t V i e w S t a t u s queindicaostatusda solicitao,nessaordem. UmaespecificaodoobjetoS t r e e t V i e w P a n o r a m a D a t a contmmetadadossobreumpanoramadoStreetViewna seguinteforma: { " l o c a t i o n " :{ " l a t L n g " :L a t L n g , " d e s c r i p t i o n " :s t r i n g , " p a n o " :s t r i n g } , " c o p y r i g h t " :s t r i n g , " l i n k s " :[ { " h e a d i n g " :n u m b e r , " d e s c r i p t i o n " :s t r i n g , " p a n o " :s t r i n g , " r o a d C o l o r " :s t r i n g , " r o a d O p a c i t y " :n u m b e r } ] , " t i l e s " :{ " w o r l d S i z e " :S i z e , " t i l e S i z e " :S i z e , " c e n t e r H e a d i n g " :n u m b e r } } EsseobjetodedadosnoumobjetoS t r e e t V i e w P a n o r a m a propriamentedito.ParacriarumobjetodoStreetViewusando essesdados,vocprecisacriarumS t r e e t V i e w P a n o r a m a echamars e t P a n o ( ) ,transmitindooIDconformeconstano campol o c a t i o n . p a n o retornado. Ocdigos t a t u s poderetornarqualquerumdosseguintesvalores:

https://developers.google.com/maps/documentation/javascript/streetview?hl=pt-br

7/15

3/6/13

Servio Street View - API Javascript do Google Maps v3 Google Developers


O K :indicaqueoservioencontrouumpanoramacorrespondente. Z E R O _ R E S U L T S :indicaqueoservionoencontrouumpanoramacorrespondentecomoscritriosfornecidos. U N K N O W N _ E R R O R :indicaqueumasolicitaodoStreetViewnofoiprocessada,emboraomotivoexatonoseja conhecido. OcdigoaseguircriaumS t r e e t V i e w S e r v i c e querespondeaoscliquesdousurioemummapacriandomarcadoresque, quandoclicados,exibemumS t r e e t V i e w P a n o r a m a desselocal.OcdigousaocontedodeS t r e e t V i e w P a n o r a m a D a t a retornadodoservio. v a rm a p ; v a rb e r k e l e y=n e wg o o g l e . m a p s . L a t L n g ( 3 7 . 8 6 9 0 8 5 , 1 2 2 . 2 5 4 7 7 5 ) ; v a rs v=n e wg o o g l e . m a p s . S t r e e t V i e w S e r v i c e ( ) ; v a rp a n o r a m a ; f u n c t i o ni n i t i a l i z e ( ){ p a n o r a m a=n e wg o o g l e . m a p s . S t r e e t V i e w P a n o r a m a ( d o c u m e n t . g e t E l e m e n t B y I d ( " p a n o " ) ) ;

/ /S e tu pt h em a p v a rm a p O p t i o n s={ c e n t e r :b e r k e l e y , z o o m :1 6 , m a p T y p e I d :g o o g l e . m a p s . M a p T y p e I d . R O A D M A P , s t r e e t V i e w C o n t r o l :f a l s e } ; m a p=n e wg o o g l e . m a p s . M a p ( d o c u m e n t . g e t E l e m e n t B y I d ( ' m a p _ c a n v a s ' ) , m a p O p t i o n s ) ; / /g e t P a n o r a m a B y L o c a t i o nw i l lr e t u r nt h en e a r e s tp a n ow h e nt h e / /g i v e nr a d i u si s5 0m e t e r so rl e s s . g o o g l e . m a p s . e v e n t . a d d L i s t e n e r ( m a p ,' c l i c k ' ,f u n c t i o n ( e v e n t ){ s v . g e t P a n o r a m a B y L o c a t i o n ( e v e n t . l a t L n g ,5 0 ,p r o c e s s S V D a t a ) ; } ) ;


} f u n c t i o np r o c e s s S V D a t a ( d a t a ,s t a t u s ){ i f( s t a t u s= =g o o g l e . m a p s . S t r e e t V i e w S t a t u s . O K ){ v a rm a r k e r=n e wg o o g l e . m a p s . M a r k e r ( { p o s i t i o n :d a t a . l o c a t i o n . l a t L n g , m a p :m a p , t i t l e :d a t a . l o c a t i o n . d e s c r i p t i o n } ) ; g o o g l e . m a p s . e v e n t . a d d L i s t e n e r ( m a r k e r ,' c l i c k ' ,f u n c t i o n ( ){ v a rm a r k e r P a n o I D=d a t a . l o c a t i o n . p a n o ; / /S e tt h eP a n ot ou s et h ep a s s e dp a n o I D p a n o r a m a . s e t P a n o ( m a r k e r P a n o I D ) ; p a n o r a m a . s e t P o v ( { h e a d i n g :2 7 0 , p i t c h :0 , z o o m :1 } ) ; p a n o r a m a . s e t V i s i b l e ( t r u e ) ; } ) ; } } Vejaumexemplo(streetviewservice.html)

ComofornecerpanoramaspersonalizadosdoStreetView
AAPIJavaScriptdoGoogleMapsv3permiteaexibiodepanoramaspersonalizadosnoobjetoS t r e e t V i e w P a n o r a m a .

https://developers.google.com/maps/documentation/javascript/streetview?hl=pt-br

8/15

3/6/13

Servio Street View - API Javascript do Google Maps v3 Google Developers


Usandopanoramaspersonalizados,vocpodeexibirointeriordasconstrues,visualizaesdepaisagensouqualquercoisa queimaginar.VocpodeinclusivevincularessespanoramaspersonalizadosaospanoramasdoStreetViewexistentesdo Google. Aconfiguraodeumconjuntodeimagensdepanoramapersonalizadasenvolveasseguintesetapas: Crieumaimagempanormicabaseparacadapanoramapersonalizado.Essaimagembasedeveestarnamaior resoluoemquevocdesejaaplicarzoomnasimagens. (Opcional,masrecomendado)Crieumconjuntodeblocospanormicosemnveisdezoomdiferentesdaimagem bsica. Crielinksentreseuspanoramaspersonalizados. (Opcional)Designepanoramas"bsicos"nasimagensdoStreetViewexistentesdoGoogleepersonalizelinkspara/do conjuntopersonalizadoparaoconjuntopadro. DefinametadadosparacadaimagemdopanoramaemumobjetoS t r e e t V i e w P a n o r a m a D a t a . Implementeummtodoquedetermineosdadoseasimagensdopanoramapersonalizadoedesigneessemtodo comomanipuladorpersonalizadonoobjetoS t r e e t V i e w P a n o r a m a . Asseesaseguirexplicamesseprocesso.

Comocriarpanoramaspersonalizados
CadapanoramadoStreetViewumaimagemouumconjuntodeimagensqueforneceumavisualizaode360completade umnicolocal.OobjetoS t r e e t V i e w P a n o r a m a usaimagensqueestodeacordocomaprojeoequiretangular(Plate Carre).Essaprojeocontmumavisualizao360nahorizontal(umavoltacompleta)eumavisualizao180navertical (emlinharetaparacimaeparabaixo).Essescamposdevisoresultamemumaimagemnaproporo2:1.Umpanorama comumavoltacompletamostradoabaixo.

Paraobterimagensdepanorama,geralmentetiramsevriasfotosdeumaposioquesounidascomosoftwaredo panorama.ConsulteComparisonofphotostitchingapplicationsnoWikipedia(emingls)paraobtermaisinformaes.Essas imagensdevemcompartilharumnicofocoda"cmera",doqualcadaimagemdopanoramatirada.Opanorama360 resultantepodedefinirumaprojeoemumaesferacomaimagemincludanasuperfciebidimensionaldaesfera.

https://developers.google.com/maps/documentation/javascript/streetview?hl=pt-br

9/15

3/6/13

Servio Street View - API Javascript do Google Maps v3 Google Developers

Trataropanoramacomoumaprojeoemumaesferacomumsistemadecoordenadasretilneasvantajosoaodividira imagememblocos retilneoseexibirasimagenscombasenascoordenadasdeblococalculadas.

Comocriarblocosdepanoramapersonalizados
OStreetViewtambmaceitanveisdiferentesdedetalhesdaimagemcomousodeumcontroledezoom,quepermite aumentarediminuirozoomapartirdavisualizaopadro.Geralmente,oStreetViewfornececinconveisderesoluode zoomparaqualquerimagemdepanorama.Sevocdependerdeumanicaimagemdepanoramaparaexibirtodososnveis dezoom,essaimagemsernecessariamentegrandeedeixarseuaplicativomuitomaislentoouterumaresoluotoruim emnveisdezoommaisaltosqueexibirumaimagemindevidamentepixelada.Felizmente,noentanto,podemosusarum padrodedesignsemelhanteparaexibirblocosdemapadoGoogleemnveisdezoomdiferentesparafornecerimagenscom aresoluoadequadaparapanoramasemtodososnveisdezoom. QuandoumS t r e e t V i e w P a n o r a m a carregadoprimeiro,eleexibe,porpadro,umaimagemqueconsisteem25%(90do arco)dacoberturahorizontaldopanoramanonveldezoom1.Essavisualizaocorrespondeaproximadamenteaumcampo devisohumanonormal.Adiminuiodozoomdessavisualizaopadrobasicamenteforneceumarcomaisamplo, enquantooaumentodozoomestreitaocampodevisoparaumarcomenor.OS t r e e t V i e w P a n o r a m a calcula automaticamenteocampodevisoapropriadoparaonveldezoomselecionadoe,emseguida,selecionaasimagensmais apropriadasparaessaresoluoselecionandoumconjuntodeblocosquecorrespondeaproximadamentesdimensesdo campodevisohorizontal.OscamposdevisoaseguirsomapeadosparaosnveisdezoomdoStreetView:

NveldezoomdoStreetView 0 1(padro) 2 3 4

Campodeviso(graus) 180 90 45 22.5 11.25

OtamanhodaimagemmostradanoStreetViewtotalmentedependentedotamanhodatela(largura)docontinerdoStreet View.Sevocfornecerumcontinermaislargo,oservioaindaforneceromesmocampodevisoparaqualquernvelde zoomfornecido,emboraelepossaselecionarblocosmaisapropriadosparaessaresoluo. Comocadapanoramaconsisteemumaprojeoequiretangular,acriaodeblocosdepanoramarelativamentefcil.Como aprojeoforneceumaimagemnaproporo2:1,osblocoscomproporo2:1somaisfceisdeusar,emboraosblocosno formatoquadradopodemterumdesempenhomelhornosmapasquadrados(poisocampodevisoserquadrado). Paraosblocos2:1,umanicaimagemqueenglobaopanoramainteirorepresentao"mundo"dopanoramainteiro(aimagem base)nonveldezoom0,comcadanveldezoommaioroferecendo4blocoszoomLevel.Porexemplo,nonveldezoom2,

https://developers.google.com/maps/documentation/javascript/streetview?hl=pt-br

10/15

3/6/13

Servio Street View - API Javascript do Google Maps v3 Google Developers


opanoramainteiroconsisteem16blocos.Observao:osnveisdezoomnacriaodeblocosdoStreetViewno correspondemdiretamenteaosnveisdezoomfornecidoscomocontroleStreetViewemvezdisso,osnveisdezoomdo controleStreetViewselecionamumcampodevisoapartirdoqualosblocosapropriadossoselecionados.

Geralmente,vocnomeiaosblocosdeimagemparaquesejapossvelselecionlosdemodoprogramtico.Esseesquema denomeaodiscutidoabaixoemComomanipularsolicitaesdepanoramapersonalizado.

Comomanipularsolicitaesdepanoramapersonalizado
Ousodepanoramaspersonalizadosindicadopeloregistrodeummtododepanoramapersonalizadonocampo S t r e e t V i e w P a n o r a m a O p t i o n s p a n o P r o v i d e r oupelachamadaexplcitade S t r e e t V i e w P a n o r a m a . r e g i s t e r P a n o P r o v i d e r ( ) .Omtododofornecedordepanoramaumafunoqueretornaum objetoS t r e e t V i e w P a n o r a m a D a t a etemaseguinteassinatura: F u n c t i o n ( p a n o , z o o m , t i l e X , t i l e Y ) : S t r e e t V i e w P a n o r a m a D a t a UmS t r e e t V i e w P a n o r a m a D a t a umobjetodaseguinteforma: { c o p y r i g h t :s t r i n g , l o c a t i o n :{ d e s c r i p t i o n :s t r i n g , l a t L n g :g o o g l e . m a p s . L a t L n g , p a n o :s t r i n g } , t i l e s :{ t i l e S i z e :g o o g l e . m a p s . S i z e , w o r l d S i z e :g o o g l e . m a p s . S i z e , h e a d i n g :n u m b e r , g e t T i l e U r l :F u n c t i o n } , l i n k s :[ d e s c r i p t i o n :s t r i n g , h e a d i n g :n u m b e r , p a n o :s t r i n g , r o a d C o l o r :s t r i n g , r o a d O p a c i t y :n u m b e r ] } VocpodeexibirumpanoramapersonalizadosimplesmentedefinindoapropriedadeS t r e e t V i e w P a n o r a m a dep a n o como umvalorpersonalizado,definindop a n o P r o v i d e r emanipulandoessevalordep a n o personalizadonomtodode

https://developers.google.com/maps/documentation/javascript/streetview?hl=pt-br

11/15

3/6/13

Servio Street View - API Javascript do Google Maps v3 Google Developers


fornecimentodepanoramapersonalizado,construindoeretornandoumobjetoS t r e e t V i e w P a n o r a m a D a t a . Observao:nodefinadiretamenteump o s i t i o n noS t r e e t V i e w P a n o r a m a quandoquiserexibirpanoramas personalizados,poisessaposioinstruiroservioStreetViewparasolicitarofechamentodasimagenspadrodo StreetViewparaesselocal.Emvezdisso,definaessaposionocampoS t r e e t V i e w P a n o r a m a D a t a do l o c a t i o n . l a t L n g personalizado. OexemploaseguirexibeumpanoramapersonalizadodoescritriodoGoogleemSydney.Nousamosummapa(nem imagenspadrodoStreetView)aqui: v a rp a n o r a m a ; f u n c t i o ni n i t i a l i z e ( ){

/ /S e tu pS t r e e tV i e wa n di n i t i a l l ys e ti tv i s i b l e .R e g i s t e rt h e / /c u s t o mp a n o r a m ap r o v i d e rf u n c t i o n .S e tt h eS t r e e t V i e wt od i s p l a y / /t h ec u s t o mp a n o r a m a' r e c e p t i o n 'w h i c hw ec h e c kf o rb e l o w . v a rp a n o O p t i o n s={ p a n o :' r e c e p t i o n ' , v i s i b l e :t r u e , p a n o P r o v i d e r :g e t C u s t o m P a n o r a m a }


p a n o r a m a=n e wg o o g l e . m a p s . S t r e e t V i e w P a n o r a m a ( d o c u m e n t . g e t E l e m e n t B y I d ( ' p a n o _ c a n v a s ' ) , p a n o O p t i o n s ) ; }

/ /R e t u r nap a n oi m a g eg i v e nt h ep a n o I D . f u n c t i o ng e t C u s t o m P a n o r a m a T i l e U r l ( p a n o , z o o m , t i l e X , t i l e Y ){

/ /N o t e :r o b u s tc u s t o mp a n o r a m am e t h o d sw o u l dr e q u i r et i l e dp a n od a t a . / /H e r ew e ' r ej u s tu s i n gas i n g l et i l e ,s e tt ot h et i l es i z ea n de q u a l / /t ot h ep a n o" w o r l d "s i z e . r e t u r n' h t t p s : / / d e v e l o p e r s . g o o g l e . c o m / m a p s / d o c u m e n t a t i o n / j a v a s c r i p t / e x a m p l e s / i m a g e s / p a n o R e c e p t i o n 1 0 2 4


}

/ /C o n s t r u c tt h ea p p r o p r i a t eS t r e e t V i e w P a n o r a m a D a t ag i v e n / /t h ep a s s e dp a n oI D s . f u n c t i o ng e t C u s t o m P a n o r a m a ( p a n o , z o o m , t i l e X , t i l e Y ){
s w i t c h ( p a n o ){ c a s e' r e c e p t i o n ' : r e t u r n{ l o c a t i o n :{ p a n o :' r e c e p t i o n ' , d e s c r i p t i o n :" G o o g l eS y d n e y-R e c e p t i o n " , l a t L n g :s y d n e y O f f i c e } , / /T h et e x tf o rt h ec o p y r i g h tc o n t r o l . c o p y r i g h t :' I m a g e r y( c )2 0 1 0G o o g l e ' , / /T h ed e f i n i t i o no ft h et i l e sf o rt h i sp a n o r a m a . t i l e s :{ t i l e S i z e :n e wg o o g l e . m a p s . S i z e ( 1 0 2 4 ,5 1 2 ) , w o r l d S i z e :n e wg o o g l e . m a p s . S i z e ( 1 0 2 4 ,5 1 2 ) , / /T h eh e a d i n ga tt h eo r i g i no ft h ep a n o r a m at i l es e t . c e n t e r H e a d i n g :1 0 5 , g e t T i l e U r l :g e t C u s t o m P a n o r a m a T i l e U r l } } ; b r e a k ; } }

https://developers.google.com/maps/documentation/javascript/streetview?hl=pt-br

12/15

3/6/13

Servio Street View - API Javascript do Google Maps v3 Google Developers


Vejaumexemplo(streetviewcustomsimple.html) Sretornamosumaimagemnoexemploanterior.Oaumentodozoomusandoessaimagemresultouemumaresoluo inadequada.Emvezdisso,podemosoferecerumconjuntodeblocoscriandoimagensdeblocosemodificandoo p a n o P r o v i d e r pararetornaroblocoapropriadocombasenoIDdopanorama,nonveldezoomenacoordenadadebloco transmitidos. Comoaseleodaimagemdependedessesvalorestransmitidos,tilnomearasimagensquepodemserselecionadas programaticamentecombasenessesvalores,comop a n o _ z o o m _ t i l e X _ t i l e Y . p n g . Oexemploaseguirfoiligeiramenteaumentadoparaincluirdoisnveisdezoome,almdisso,modificaoslinkspadrodo StreetViewparaadicionarumlinksimagenspersonalizadas: v a rm a p ; v a rp a n o r a m a ;

/ /T h el a t l n go ft h ee n t r yp o i n tt ot h eG o o g l eo f f i c eo nt h er o a d . v a rs y d n e y O f f i c e=n e wg o o g l e . m a p s . L a t L n g ( 3 3 . 8 6 7 3 8 6 ,1 5 1 . 1 9 5 7 6 7 ) ; / /T h ep a n o r a m at h a tw i l lb eu s e da st h ee n t r yp o i n tt ot h ec u s t o m / /p a n o r a m as e t .W ew i l lt e s tf o rt h ep r e s e n c eo ft h i sv a l u ew h e n / /u p d a t i n gt h ee n t r yp a n ot oa d do u rc u s t o ml i n k s . v a re n t r y P a n o I d=n u l l ;
f u n c t i o ni n i t i a l i z e ( ){ s t a r t A p p l i c a t i o n ( ) ;

/ /D e f i n eh o wf a rt os e a r c hf o ra ni n i t i a lp a n of r o mal o c a t i o n ,i nm e t e r s . v a rp a n o S e a r c h R a d i u s=5 0 ; / /C r e a t eaS t r e e t V i e w S e r v i c eo b j e c t . v a rc l i e n t=n e wg o o g l e . m a p s . S t r e e t V i e w S e r v i c e ( ) ; / /C o m p u t et h en e a r e s tp a n o r a m at ot h eG o o g l eS y d n e yo f f i c e / /u s i n gt h es e r v i c ea n ds t o r et h a tp a n oI D .O n c et h a tv a l u e / /i sd e t e r m i n e d ,l o a dt h ea p p l i c a t i o n . c l i e n t . g e t P a n o r a m a B y L o c a t i o n ( s y d n e y O f f i c e ,p a n o S e a r c h R a d i u s ,f u n c t i o n ( r e s u l t ,s t a t u s ){ i f( s t a t u s= =g o o g l e . m a p s . S t r e e t V i e w S t a t u s . O K ){ e n t r y P a n o I d=r e s u l t . l o c a t i o n . p a n o ; } } ) ;


} f u n c t i o ns t a r t A p p l i c a t i o n ( ){

/ /S e tu pt h em a pa n de n a b l et h eS t r e e tV i e wc o n t r o l . v a rm a p O p t i o n s={ c e n t e r :s y d n e y O f f i c e , z o o m :1 6 , m a p T y p e I d :g o o g l e . m a p s . M a p T y p e I d . R O A D M A P } ; m a p=n e wg o o g l e . m a p s . M a p ( d o c u m e n t . g e t E l e m e n t B y I d ( ' m a p _ c a n v a s ' ) ,m a p O p t i o n s ) ; / /G e tt h ed e f a u l tS t r e e t V i e w P a n o r a m ao b j e c t . p a n o r a m a=m a p . g e t S t r e e t V i e w ( ) ; / /S e tu pS t r e e tV i e wa n di n i t i a l l ys e ti tv i s i b l e .R e g i s t e rt h e / /c u s t o mp a n o r a m ap r o v i d e rf u n c t i o n .U p d a t et h eS t r e e t V i e w P a n o r a m a . v a rp a n o O p t i o n s={ p o s i t i o n :s y d n e y O f f i c e , v i s i b l e :t r u e , p a n o P r o v i d e r : g e t C u s t o m P a n o r a m a } p a n o r a m a . s e t O p t i o n s ( p a n o O p t i o n s ) ; / /W e ' l lm o n i t o rt h el i n k s _ c h a n g e de v e n tt oc h e c ki ft h ec u r r e n tp a n oi se i t h e r

https://developers.google.com/maps/documentation/javascript/streetview?hl=pt-br

13/15

3/6/13

Servio Street View - API Javascript do Google Maps v3 Google Developers


/ /ac u s t o mp a n oo ro u re n t r yp a n o . g o o g l e . m a p s . e v e n t . a d d L i s t e n e r ( p a n o r a m a ,' l i n k s _ c h a n g e d ' ,c r e a t e C u s t o m L i n k s ) ;
}

/ /R e t u r nap a n oi m a g eg i v e nt h ep a n o I D . f u n c t i o ng e t C u s t o m P a n o r a m a T i l e U r l ( p a n o , z o o m , t i l e X , t i l e Y ){ r e t u r n' i m a g e s / p a n o R e c e p t i o n 1 0 2 4 '+z o o m+' '+t i l e X+' '+ t i l e Y+' . j p g ' ; } / /C o n s t r u c tt h ea p p r o p r i a t eS t r e e t V i e w P a n o r a m a D a t ag i v e n / /t h ep a s s e dp a n oI D s .N o t et h a ti fn oc a s e sm a t c hh e r e , / /w er e t u r nn u l l ,w h i c hi n s t r u c t st h es e r v i c et os e r v e / /d e f a u l tp a n od a t a . f u n c t i o ng e t C u s t o m P a n o r a m a ( p a n o , z o o m , t i l e X , t i l e Y ){ v a rc e n t e r ; s w i t c h ( p a n o ){ c a s e' r e c e p t i o n ' : r e t u r n{ l o c a t i o n :{ p a n o :' r e c e p t i o n ' , d e s c r i p t i o n :" G o o g l eS y d n e y-R e c e p t i o n " , l a t L n g :s y d n e y O f f i c e } , l i n k s :[ ] , / /T h et e x tf o rt h ec o p y r i g h tc o n t r o l . c o p y r i g h t :' I m a g e r y( c )2 0 1 0G o o g l e ' , / /T h ed e f i n i t i o no ft h et i l e sf o rt h i sp a n o r a m a . t i l e s :{ t i l e S i z e :n e wg o o g l e . m a p s . S i z e ( 1 0 2 4 ,5 1 2 ) , w o r l d S i z e :n e wg o o g l e . m a p s . S i z e ( 1 0 2 4 ,5 1 2 ) , / /T h eh e a d i n ga tt h eo r i g i no ft h ep a n o r a m at i l es e t . c e n t e r H e a d i n g :1 0 5 , g e t T i l e U r l :g e t C u s t o m P a n o r a m a T i l e U r l } } ; b r e a k ; d e f a u l t : r e t u r nn u l l ; } }
f u n c t i o nc r e a t e C u s t o m L i n k s ( ){ i f( e n t r y P a n o I d ){ v a rl i n k s=p a n o r a m a . g e t L i n k s ( ) ; v a rp a n o I d=p a n o r a m a . g e t P a n o ( ) ; s w i t c h ( p a n o I d ){ c a s ee n t r y P a n o I d : / /A d d i n gal i n ki nt h ev i e wf r o mt h ee n t r a n c eo ft h eb u i l d i n gt o / /r e c e p t i o n . l i n k s . p u s h ( { ' h e a d i n g ' :2 5 , ' d e s c r i p t i o n ':' G o o g l eS y d n e y ' , ' p a n o ':' r e c e p t i o n ' } ) ; b r e a k ; c a s e' r e c e p t i o n ' : / /A d d i n gal i n ki nt h ev i e wf r o mt h ee n t r a n c eo ft h eo f f i c e / /w i t ha na r r o wp o i n t i n ga t1 0 0d e g r e e s ,w i t hat e x to f" E x i t " / /a n dl o a d i n gt h es t r e e te n t r a n c eo ft h eb u i l d i n gp a n oo nc l i c k . l i n k s . p u s h ( { ' h e a d i n g ' :1 9 5 , ' d e s c r i p t i o n ':' E x i t ' , ' p a n o ':e n t r y P a n o I d } ) ;

https://developers.google.com/maps/documentation/javascript/streetview?hl=pt-br

14/15

3/6/13

Servio Street View - API Javascript do Google Maps v3 Google Developers


b r e a k ; d e f a u l t : r e t u r n ; } } } Vejaumexemplo(streetviewcustomtiles.html)

LastupdatedFevereiro1,2013.

Google

TermosdeServio

PolticadePrivacidade

Empregos

Informarumbug

PortugusBrasileiro

https://developers.google.com/maps/documentation/javascript/streetview?hl=pt-br

15/15