Generic Google Map Example with Markers

by Zareh Geertjes

HTML

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDIJ9XX2ZvRKCJcFRrl-lRanEtFUow4piM"></script>
<div id="pano"></div>

CSS

body {
  margin: 0;
  padding: 0;
  font: 12px sans-serif;
}

JavaScript

/*
 * declare map as a global variable
 */
var map;

/*
 * use google maps api built-in mechanism to attach dom events
 */
google.maps.event.addDomListener(window, "load", function () {
var fenway = {lat: 42.345573, lng: -71.098326};

var panorama = new google.maps.StreetViewPanorama(
    document.getElementById('pano'), {
      position: fenway,
      pov: {
        heading: 34,
        pitch: 10
      }
    });
map.setStreetView(panorama);
});