Cambiar visualización de mapa API google Maps

[ceaped]

Buenos días
Deseo implementar esta API de google Maps:
Overlays Within Street View

Deseo invertir el orden de visualización de los mapas, que primero se vea la calle y cuando presione el el botón para cambiar la visualización se vea el mapa.
¿Cómo lo hago?

Gracias por su ayuda

[ArturoGallegos]

Tan cerca y tan lejos de tu respuesta
https://developers.google.com/maps/d...ents?hl=es-419

Donde encontraste ese ejemplo hay menú a la izquierda y justamente abajo del que indicas esta el que te pongo., allí esta tu respuesta.

[ceaped]

Hola ArturoGallegos
Son diferentes.
Mira que el Overlays Within Street View,
Te muestra el mapa y tiene un botón "Toggle Street View" y se cambia.

Yo deseo es invertirlo, primero mostrar la calle y si presiono el botón que se vea el mapa

Gracias por tu ayuda

[ArturoGallegos]

No te cierres a obtener algo hecho y funcional, mira el código fuente, estudialo y adaptalo a tus necesidades.

[ceaped]

Hola ArturoGallegos
No logro que se intercambie:
Mira lo que tengo

Código Javascript:

function initMap() {
var astorPlace = new google.maps.StreetViewPanorama(
document.getElementById('map'), {
position: {lat: 40.729884, lng: -73.990988},
pov: {
heading: 270,
pitch: 0
},
visible: true
});
 
// Configura los marcadores en el mapa
var vistacalle = new google.maps.Marker({
position: {lat: 40.729884, lng: -73.990988},
map: map,
icon: 'http://dominio.com/icono.png',
 title: 'Título'
});
 
// Obtenemos el panorama predeterminado del mapa y configuramos algunos valores predeterminados.
// Tenga en cuenta que aún no lo configuramos como visible.
panorama = map.getStreetView();
panorama.setPosition(astorPlace);
panorama.setPov(/** @type {google.maps.StreetViewPov} */
({
heading: 265,
pitch: 0
}));
}
 
function toggleStreetView() {
var toggle = panorama.getVisible();
if (toggle == true) {
          panorama.setVisible(false);
} else {
panorama.setVisible(true);
}
}
</script>
   
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=MY_KEY&callback=initMap">
 

Gracias por tu ayuda

[ceaped]

Buenos días
Alguien me me ayude con este tema.
No logro resolverlo.

Gracias por su ayuda

[ArturoGallegos]

No mano no, no pude ser que no lo hayas resuelto aun.

Mira.. ya con mas tiempo me tarde 5 minutos en leer el código completo y entenderlo
En el propio link que tu colocaste inicialmente
https://developers.google.com/maps/d...lays?hl=es-419

Mira lo que hay al final del javascript

Código Javascript:

function toggleStreetView() {
        var toggle = panorama.getVisible();
        if (toggle == false) {
          panorama.setVisible(true);
        } else {
          panorama.setVisible(false);
        }
      }
 

Y mira lo que hay al inicio del body

Código Javascript:

<input type="button" value="Toggle Street View" onclick="toggleStreetView();"></input>
 

Vez? ya lo resolvimos y aquí esta para todo aquel que quiera hacer lo mismo., por si no lo capicheas
esta es la linea mágica
panorama.setVisible(true);

Y si de plano aun no das, rindete y paga por el trabajo.

[ceaped]

Hola ArturoGallegos
No te ha pasado que lo que para otros es "obvio, fácil y sencillo", para vos no lo es?
Créeme que busqué la manera de hacerlo pero no lo logré.
En el foro se brinda ayuda sin ánimo de lucro no veo el porque ese comentario que "pague por el trabajo".
Es algo muy sencillo: ¿Te molesta este tipo de preguntas "fáciles"?.
No respondes y todos contentos.

De todos modos gracias

[tonigomila1988]

Iniciado por ceaped

Hola ArturoGallegos
No te ha pasado que lo que para otros es "obvio, fácil y sencillo", para vos no lo es?
Créeme que busqué la manera de hacerlo pero no lo logré.
En el foro se brinda ayuda sin ánimo de lucro no veo el porque ese comentario que "pague por el trabajo".
Es algo muy sencillo: ¿Te molesta este tipo de preguntas "fáciles"?.
No respondes y todos contentos.

De todos modos gracias

Hola ceaped,
creo que no lo estás entendiendo bien.

Como bien dices, en el foro se brinda ayuda, pero no tiene que ser todo el código hecho, simplemente damos indicaciones de por donde debes dirigirte y que lo arregles tu.

¿Que no lo has conseguido? Perfecto, haz lo que comenta nuestro compañero ArturoGallegos, busca un programador, que te lo solucione y le pagas, por que, aunque te parezca increíble, también necesitamos ingresos por que no vivimos del aire.

Dejame ponerte en otro punto de vista:

Veo que eres diseñador gráfico y yo tengo una duda sobre diseño, por que no me sale de la manera que necesito. Voy a un foro, expongo mi duda y me respondes de como debo hacerlo.

Aún así no me sale y te digo que hagas el diseño por mí, ¿que me contestarías tu?
Dudo mucho que me digas que me lo harías de manera totalmente altruista y sin ningún tipo de remuneración.

Pues eso es exactamente lo que ha pasado con este tema. Nuestro compañero ArturoGallegos ha invertido tiempo en investigar el código y no va a recibir nada de tu parte por eso.

Así que tienes 2 opciones:

1) Invierte tu tiempo y esfuerzo a aprender a hacerlo.
2) Si no te interesa la opción 1, busca a alguien que lo haga por ti y pagale como es debido, por que al fin y al cabo, es trabajo y todos necesitamos trabajar para poder llevarnos algo a la boca.

Un saludo.

[ceaped]

Buenos días
Para quien le puede interesar este es el código para visualizar primero la calle al dar clic en el botoón cambia a la calle:

Código Javascript:

var panorama;
    
function initMap() {
var astorPlace = new google.maps.StreetViewPanorama(
document.getElementById('map'), {
position: {lat: 40.729884, lng: -73.990988},
pov: {
heading: 270,
pitch: 0
},
visible: true
});
 
var vistacalle = new google.maps.Marker({
position: {lat: 40.729884, lng: -73.990988},
map: map,
icon: 'http://dominio.com/icono.png',
 title: 'Título'
});
 
panorama = map.getStreetView();
panorama.setPosition(astorPlace);
panorama.setVisible(false);
panorama.setPov(
({
heading: 265,
pitch: 0
}));
}
 
function toggleStreetView() {
var toggle = panorama.getVisible();
if (toggle == true) {
          panorama.setVisible(false);
} else {
panorama.setVisible(true);
}
}
</script>
   
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=MY_KEY&callback=initMap">
 

Nota: Gracias por la ayuda de "ArturoGallegos"... ;)