title: Google VRView for Web - Adding Hotspots
body: <p><strong>Project:</strong> Basic website, display panorama image with Google's VRView for Web and add hotspots.</p>
  
  <p><strong>Issue:</strong> Panorama displays fine, haven't been able to add hotspots, documentation is poor + googling has resulted in little results for approx. 1.5 hours.</p>
  
  <p><strong>Code:</strong></p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
  window.addEventListener('load', onVrViewLoad)
  function onVrViewLoad() {
    var vrView = new VRView.Player('#vrview', {
      image: 'uploads/pano.jpg',
      is_stereo: false
    });
  
    vrView.addHotspot('hotspot-one', {
           pitch: 30, // In degrees. Up is positive.
            yaw: 20, // In degrees. To the right is positive.
            radius:   0.05, // Radius of the circular target in meters.
            distance: 2, // Distance of target from camera in meters.
      });
  }
  
  &lt;/script&gt;
  
  &lt;div id="vrview"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Request:</strong> Has anybody been able to implement these hotspots? I have also tried adding on the click of a button, to no avail. Tried in both a laravel server and a basic html implementation, to no avail.</p>
  
  <p><strong>Supporting Documentation/Examples:</strong> </p>
  
  <ul>
  <li><a href="https://developers.google.com/vr/concepts/vrview-web" rel="nofollow noreferrer">https://developers.google.com/vr/concepts/vrview-web</a></li>
  <li><a href="http://googlevr.github.io/vrview/examples/hotspots/index.html" rel="nofollow noreferrer">http://googlevr.github.io/vrview/examples/hotspots/index.html</a></li>
  </ul>