Home/ Questions/Q 7884127
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-03T04:42:55+00:00

When I use Google Maps as an anonymous user, when I find a company

  • 0

When I use Google Maps as an anonymous user, when I find a company that I’m building a website for, Google shows me some kind of a default street view photo for that place. It’s quite nice and I would like to have this photo appear also in my custom InfoWindow that I’m preparing using API3. Is there a method for that or should I sniff and use its source path?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can embed the street view panorama like this, or embed a screen capture image in the infowindow contents (<img src="...">) Also you may set the marker visible: false

    http://jsfiddle.net/sST8z/

    <!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
      html, body { margin: 0; padding: 0; height: 100% }
      #map_canvas { margin: 0; padding: 0; width: 500px; height: 300px }
      #street { margin: 0; padding: 0; width: 150px; height: 150px }

    </style>
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript">
      var map;
      var mapOptions = { center: new google.maps.LatLng(0.0, 0.0), zoom: 2,
        mapTypeId: google.maps.MapTypeId.ROADMAP };

      function initialize() {
        map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
        street = new google.maps.StreetViewPanorama(document.getElementById("street"), { 

        position: new google.maps.LatLng(40.72982797782924, -73.98622512817383),
        zoomControl: false,
        enableCloseButton: false,
        addressControl: false,
        panControl: false,
        linksControl: false
      });


      var infow = new google.maps.InfoWindow({ content: document.getElementById("street") });
      var myLatLng = new google.maps.LatLng(40.72982797782924, -73.98622512817383);
      var marker = new google.maps.Marker({ position: myLatLng, map: map, visible: true });

      infow.open(map, marker);
      map.setCenter(myLatLng);

      }
      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  </head>
  <body>
    <div id="street"></div>
    <div id="map_canvas"></div>

  </body>
</html>
    • 0