O Street View do Google Maps permite explorar lugares no mundo todo por meio de imagens em 360 graus no nível da rua. Você pode explorar pontos turísticos, ver maravilhas naturais, navegar em uma viagem ou mostrar o exterior da empresa.
Visão geral
O Google Street View oferece vistas panorâmicas de 360° de vias designadas em toda a área de cobertura. A cobertura disponível pelo SDK é a mesma do app Google Maps para iOS ou https://maps.google.com/
. Leia mais sobre o Street View e veja as áreas compatíveis em um mapa interativo em Sobre o Street View.
O SDK do Maps para iOS oferece um serviço do Street View para recuperar e manipular imagens usadas no Street View do Google Maps.
As imagens do Street View são retornadas como panoramas e vistas no visualizador do Street View, um objeto do tipo GMSPanoramaView
.
Panoramas do Street View
Cada panorama do Street View é uma imagem ou um conjunto de imagens que oferece uma visualização completa em 360 graus de um único local. As imagens estão em conformidade com a projeção equirretangular (Plate Carrée), que contém 360 graus de visualização horizontal (uma volta completa ao redor de um ponto) e 180 graus de visualização vertical (do ponto mais alto ao mais baixo). O panorama de 360 graus resultante define a projeção em uma esfera com a imagem unida na superfície bidimensional dessa esfera.
Os panoramas do Street View são visíveis com o objeto GMSPanoramaView
. Ele fornece um visualizador que renderiza o panorama como uma esfera, com uma câmera no centro. É possível controlar programaticamente a orientação da câmera, bem como diversas propriedades que personalizam o visualizador.
Acessar dados do Street View
Os panoramas do Street View são identificados por um destes fragmentos de metadados:
panoramaID
- O ID exclusivo de um panorama do Street View. Essa
panoramaID
pode mudar com o tempo e não é adequada como uma referência de longo prazo ou codificada. OpanoramaID
é mais adequado para oferecer acesso programático a diferentes imagens do Street View. coordinate
- O local exato dessa imagem, expresso como
CLLocationCoordinate2D
. Use umcoordinate
para armazenamento permanente de um local de panorama ou para traduzir ações do usuário no mapa em uma imagem do Street View.
Tanto panoramaID
quanto coordinate
são armazenados como propriedades do
objeto GMSPanorama
. Você pode solicitar um GMSPanorama
ao
GMSPanoramaService
usando coordinate
ou panoramaID
. O objeto resultante vai incluir os dois metadados e uma matriz de links para panoramas próximos.
Definir o local do panorama
O local do panorama do Street View pode ser definido com base na coordenada.
O método
moveNearCoordinate
solicita um panorama perto da coordenada.O método
moveNearCoordinate:radius
é semelhante, mas permite especificar um raio de pesquisa, em metros, ao redor da coordenada.O método
moveNearCoordinate:source
permite especificar uma origem. Use uma origem para restringir o Street View de forma a procurar apenas panoramas do lado de fora. Por padrão, os panoramas de locais ficam dentro ou fora. É possível que não existam panoramas externos para o local especificado.O método
moveNearCoordinate:radius:source
permite especificar um raio e uma origem.
Como visualizar imagens do Street View
Adicionar um visualizador do Street View
As etapas básicas para adicionar um visualizador são:
- (Uma vez) Siga as etapas em Primeiros passos para acessar o SDK, conseguir uma chave e adicionar os frameworks necessários.
- Crie ou atualize um
ViewController
. Se o panorama for exibido quando esse controlador de visualização se tornar visível, crie-o dentro do métodoloadView
. - Crie e instancie uma classe
GMSPanoramaView
usando o métodoGMSPanoramaView
initWithFrame:
. Se ele for usado como a única visualização do controlador de visualização,CGRectZero
poderá ser usado como o frame do mapa. O mapa será redimensionado automaticamente. - Defina o objeto
GMSPanoramaView
como a visualização do controlador de visualizações, por exemplo,self.view = panoView;
. - Defina o local da imagem do Street View usando um método como
moveNearCoordinate:
.
O método a seguir adiciona um visualizador do Street View a um aplicativo.
Swift
import GoogleMaps class StreetView: UIViewController { override func loadView() { let panoView = GMSPanoramaView(frame: .zero) self.view = panoView panoView.moveNearCoordinate(CLLocationCoordinate2D(latitude: -33.732, longitude: 150.312)) } }
Objective-C
#import "StreetView.h" @import GoogleMaps; @interface StreetView () @end @implementation StreetView - (void)loadView { GMSPanoramaView *panoView = [[GMSPanoramaView alloc] initWithFrame:CGRectZero]; self.view = panoView; [panoView moveNearCoordinate:CLLocationCoordinate2DMake(-33.732, 150.312)]; } @end
Como personalizar o visualizador
Personalize o visualizador restringindo os gestos disponíveis. Por padrão, o deslocamento, o zoom e o acesso a panoramas adjacentes estão ativados.
Gestos individuais são controlados pelas propriedades de GMSPanoramaView
.
Essas propriedades ativam ou desativam gestos controlados pelo usuário. Alterações programáticas ainda são possíveis quando o gesto está desativado.
orientationGestures
- Define se o usuário pode reorientar a câmera tocando ou arrastando. Defina como
NO
para desativar as mudanças de orientação da câmera. zoomGestures
- Define se o usuário pode fazer gesto de pinça para aplicar zoom. Defina como
NO
para desativar o zoom. navigationGestures
- Define se o usuário pode alterar qual panorama é visível. Os usuários podem usar um único toque nos links de navegação ou tocar duas vezes na visualização para alterar os panoramas. Defina como
NO
para desativar as mudanças de navegação.
Você pode ativar ou desativar todos os gestos de uma só vez com o
método setAllGesturesEnabled:
.
Swift
panoView.setAllGesturesEnabled(false)
Objective-C
[panoView setAllGesturesEnabled:NO];
Iniciar o Street View com o esquema de URL
As imagens do Google Street View podem ser visualizadas no aplicativo Google Maps para iOS. Você pode iniciar o aplicativo Google Maps para iOS no modo Street View com o esquema de URL comgooglemaps
definindo o parâmetro mapmode
como streetview
. Confira abaixo um exemplo de URL que inicia o Street View. Para mais informações, consulte a documentação
Esquema de URL.
comgooglemaps://?center=46.414382,10.013988&mapmode=streetview
Locais e ponto de vista (POV) do Street View
A GMSPanoramaCamera
permite definir o ponto de vista da câmera do Street View como uma combinação de direção, inclinação e zoom.
O fragmento a seguir orienta a câmera para o sul e ligeiramente para baixo.
Swift
panoView.camera = GMSPanoramaCamera(heading: 180, pitch: -10, zoom: 1)
Objective-C
panoView.camera = [GMSPanoramaCamera cameraWithHeading:180 pitch:-10 zoom:1];
Orientações
O local do Street View define o posicionamento do foco da câmera para uma imagem, mas não a orientação dela para essa imagem.
Para essa finalidade, o objeto GMSOrientation
define duas propriedades:
heading
define o ângulo de rotação ao redor do centro da câmera em graus em relação ao norte verdadeiro. A direção é medida no sentido horário: o norte verdadeiro é 0, o leste é 90, o sul é 180 e o oeste é 270.pitch
(padrão0
) define a variação "para cima" ou "para baixo" do ângulo em relação à inclinação inicial padrão da câmera, que geralmente é, mas nem sempre, plana e horizontal. Por exemplo, uma imagem capturada em uma colina provavelmente terá um valor padrão de inclinação não horizontal. Os ângulos de inclinação são medidos com valores positivos olhando para cima (até +90 graus diretamente para cima e ortogonal à inclinação padrão) e valores negativos olhando para baixo (até -90 graus para baixo e ortogonal à inclinação padrão).
Zoom
O Street View permite níveis diferentes de detalhes de imagem por meio do zoom. Você pode definir o nível de zoom de maneira programática, ou os usuários podem alterá-lo no visualizador fazendo gesto de pinça para aumentar o zoom.
Como mover a câmera
Depois de criar a GMSPanoramaView
e ela tiver uma câmera configurada ou
padrão, será possível mudá-la de várias maneiras. Quando você muda a câmera, tem a opção de animar o movimento resultante dela. A
animação alterna entre os atributos atuais da câmera e os novos
atributos.
Você pode modificar o objeto GMSPanoramaCamera
e defini-lo na propriedade camera
do GMSPanoramaView
. Isso posiciona a câmera no novo
ponto de vista, sem animação. Uma GMSCameraPosition
pode ser criada para configurar
qualquer combinação de orientação e zoom.
Swift
panoView.camera = GMSPanoramaCamera(heading: 180, pitch: -10, zoom: 1)
Objective-C
panoView.camera = [GMSPanoramaCamera cameraWithHeading:180 pitch:-10 zoom:1];
Você pode animar uma transição chamando o
método animateToCamera:animationDuration:
de GMSPanoramaView
.
Além disso, é possível controlar a câmera usando Core Animation. Isso é disponibilizado
pelo CALayer
personalizado em GMSPanoramaView
,
GMSPanoramaLayer
.
Marcadores no Street View
O objeto GMSPanoramaView
pode exibir marcadores de mapa. É possível usar o
mesmo objeto GMSMarker
em um objeto GMSMapView
ou
GMSPanoramaView
definindo as propriedades correspondentes:
Swift
// Create a marker at the Eiffel Tower let position = CLLocationCoordinate2D(latitude: 48.858, longitude: 2.294) let marker = GMSMarker(position: position) // Add the marker to a GMSPanoramaView object named panoView marker.panoramaView = panoView // Add the marker to a GMSMapView object named mapView marker.map = mapView
Objective-C
// Create a marker at the Eiffel Tower CLLocationCoordinate2D position = CLLocationCoordinate2DMake(48.858,2.294); GMSMarker *marker = [GMSMarker markerWithPosition:position]; // Add the marker to a GMSPanoramaView object named panoView marker.panoramaView = panoView; // Add the marker to a GMSMapView object named mapView marker.map = mapView;
O tamanho dos marcadores será redimensionado em função da distância entre a posição deles e a localização de GMSCameraView
. Se essa distância ficar muito grande, o marcador ficará muito pequeno para ser exibido e ficará oculto.
Defina a propriedade panoramaView
como nil
para removê-la do GMSPanoramaView
.
Swift
marker.panoramaView = nil
Objective-C
marker.panoramaView = nil;
Eventos
Você pode ouvir eventos que ocorrem no panorama do Street View, como o toque de um usuário nele. Para detectar eventos, implemente o protocolo GMSPanoramaViewDelegate
. Consulte o
guia geral para eventos e a lista de métodos em
GMSPanoramaViewDelegate
.