Hola, espero anden bien. Se me plantea un problema:
Creo una función para que traiga una imagen de street view, me lo trae correctamente dentro del div map_canvas. Mi problema está en que no quiero que lo abra en ese div(map_canvas), sino que lo abra en otro(map_street)...
No conozco el método para indicarle a esa función que se abra en dicho div, podrían ayudarme?
google.maps.event.addListener(marker,'click',function() {
document.getElementById('map_street').style.display ='block';
function street(){
service = new google.maps.StreetViewService();
service.getPanoramaByLocation(marker.getPosition(), 200, function(result, status) {
if (status == google.maps.StreetViewStatus.OK) {
var panorama = map.getStreetView();
panorama.setPosition(result.location.latLng);
panorama.setVisible(true);
map_street.innerHTML = service;
}
});}}
Creo una función para que traiga una imagen de street view, me lo trae correctamente dentro del div map_canvas. Mi problema está en que no quiero que lo abra en ese div(map_canvas), sino que lo abra en otro(map_street)...
No conozco el método para indicarle a esa función que se abra en dicho div, podrían ayudarme?
google.maps.event.addListener(marker,'click',function() {
document.getElementById('map_street').style.display ='block';
function street(){
service = new google.maps.StreetViewService();
service.getPanoramaByLocation(marker.getPosition(), 200, function(result, status) {
if (status == google.maps.StreetViewStatus.OK) {
var panorama = map.getStreetView();
panorama.setPosition(result.location.latLng);
panorama.setVisible(true);
map_street.innerHTML = service;
}
});}}
<div style="float:left" id="map_canvas" name="map_canvas"></div>
<div style="display:none;float:right" id="map_street" name="map_street"></div>
Desde ya muchas gracias!!!!!
21/03/2016 08:57
Te falta iniciar el mapa en una variable. (Según el código ofrecido.)
Algo así, ¿no?
var fenway = {lat: 42.345573, lng: -71.098326};
var map = new google.maps.Map(document.getElementById('map_street'), {
center: fenway,
zoom: 14
});
var panorama = new google.maps.StreetViewPanorama(
document.getElementById('map_street'), {
position: fenway,
pov: {
heading: 34,
pitch: 10
}
});
map.setStreetView(panorama);
Puedes encontrar más información aquí: https://developers.google.com/maps/documentation/streetview/?hl=es
Un saludo.