JavaScript: Show Street View Map without Clicking Show button

Question

Good day. I have this code that show street map base on the Lat and Longitude.

Button Click


                                
                                View Neighbourhood

This ID display the Street View Map

CSS Code

#map,
#street {
    display: none;
    height: 450px;
    width: 100%;
}

Js Code that display Map

// Initialize and add street view map
function initStreetView() {
    // The location to load the street view at
    const gpFarms = { lat: 4.836824, lng: 7.0115864 };
    const streetDiv = document.getElementById("street");
    const panorama = new google.maps.StreetViewPanorama(streetDiv, {
        position: gpFarms,
    });
}

I Want the street view Map to Display without Clicking the button

user_5993323 · Answer

You would only need to remove the button and execute the panorama on page load. Here is a JSFiddle sample for your reference: https://jsfiddle.net/pintsik999/z81wx2ku/2/

You can also just see the code below:

function initialize() {
  const gpFarms = {
    lat: 4.836824,
    lng: 7.0115864
  };
  const streetDiv = document.getElementById("street-view");
  const panorama = new google.maps.StreetViewPanorama(
    streetDiv, {
      position: gpFarms
    }
  );
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

#street-view {
  height: 100%;
}

JavaScript: Show Street View Map without Clicking Show button

1 Answers