title: Write Query String into HTML Document
body: <p>I have a challenge of trying to embed the Google StreetView for a specific location in on a web page. Normally, I would just use Google's iFrame embed but the platform on which the page is hosted doesn't allow iFrames.</p>
  
  <p>So if I can't use an iFrame, I have to go the traditional way of using a pure HTML document and Google's true StreetView embed approach. That's fine except that I want to parameterize the URL so that the user can pass in a query string to tell the StreetView what location to display.</p>
  
  <pre><code>http://my.site.com/streetview.html&amp;y=37.869260&amp;x=-122.254811
  </code></pre>
  
  <p>Google's <a href="https://developers.google.com/maps/documentation/javascript/examples/streetview-embed" rel="nofollow">StreetView embed document</a> gives me a great example of dropping StreetView right into an HTML Document. </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;Street View&lt;/title&gt;
      &lt;style&gt;
        html, body {
          height: 100%;
          margin: 0;
          padding: 0;
        }
        #street-view {
          height: 100%;
        }
      &lt;/style&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div id="street-view"&gt;&lt;/div&gt;
      &lt;script&gt;
        var panorama;
        function initialize() {
          panorama = new google.maps.StreetViewPanorama(
              document.getElementById('street-view'),
              {
                position: {lat: 37.869260, lng: -122.254811},
                pov: {heading: 165, pitch: 0},
                zoom: 1
              });
        }
      &lt;/script&gt;
      &lt;script async defer
           src="https://maps.googleapis.com/maps/api/js?key=[YourAPIKey]&amp;callback=initialize"&gt;
      &lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I'm trying to modify the Script section to write the values passed to the 'y' and 'x' query strings into the StreetView element's 'lat' and 'lng' variables so that the StreetView will always be at whatever location I pass in as the y and x query strings in the URL.</p>
  
  <pre><code>&lt;script&gt;
    var panorama;
    function initialize() {
      panorama = new google.maps.StreetViewPanorama(
          document.getElementById('street-view'),
          {
            position: {lat: 37.869260, lng: -122.254811},
            pov: {heading: 165, pitch: 0},
            zoom: 1
          });
    }
  &lt;/script&gt;
  </code></pre>