Como chamar o modo panorama do Google Maps, via API?
Utilizando JS, é possível parametrizar e exibir o Maps do Google de modo customizado:
//Setup Maps
function initialize(){
var geoLatLong = {lat:-23.5615129,lng:-46.6581976};
var mapOptions = {
zoom: 15,
disableDefaultUI: true,
center: geoLatLong,
mapTypeId: google.maps.MapTypeId.ROADMAP,
scrollwheel: false,
streetViewControl: true,
mapTypeControl: false
};
var map = new google.maps.Map(document.getElementById('divparamaps'),mapOptions);
var image = 'logo.png';
var pinPersonalizado = new google.maps.Marker({
position: geoLatLong,
map: map,
icon: image,
title: 'Masp Museu de Arte de São Paulo Assis Chateubriand - Avenida Paulista, São Paulo - SP',
animation: google.maps.Animation.DROP
});
}
//Após o carregamento do Document, chama o maps
google.maps.event.addDomListener(document, "load", initialize);
<!-- Considerar o import da API no Header -->
<div id="divparamaps"></div>
No caso, para chamar o Modo Street View, pode ser utilizado o jeito convencional do Google Maps (Arrastando o bonequinho amarelo até a um ponto que aceite visualização Panorama), porem gostaria de saber como chama via DOM.
Acredito que poderia atrelar um Evento ao Mark/Pin dessa maneira:
pinPersonalizado.addListener('click', function() {
// Chama Street View
});
Mas não estou conseguindo compreender como isso ocorrerá. Tentei de algumas formas que não funcionaram.
Caso alguém já tenha usado está prática, por gentileza, compartilhe! Se eu estiver viajando e isso seja impossível, por gentileza, também me alerte e retiro a pergunta para evitar problemas!