title: Aframe Toggle Camera View by clicking an icon
body: <p>I'm a beginner to Aframe and I'm trying to switch between two camera views (default and secondary) by clicking on an icon that toggles on click as well. My goal is to switch between a bird's eye view and street view. In the bird's view mode, I want the user to fly with a speed of 0.2 and in street view I want them to walk at a speed of 0.1</p>
  
  <p>When I add the second camera with a separate cursor entity, everything disappears so I haven't been able to make much progress. I would appreciate any help offered.</p>
  
  <p>This is my HTML code so far:</p>
  
  <p>
          </p>
  
  <pre><code>    &lt;!-- Camera Bird View --&gt;
      &lt;a-entity position="0 0 5" movement-controls="fly: true; speed: 0.2"&gt;
  
          &lt;a-entity camera="active: true" position="0 14 15" look-controls movement-controls="fly: true; speed: 0.2"&gt;&lt;/a-entity&gt;
  
      &lt;!-- Camera Street View --&gt;
          &lt;a-entity camera="active: false" position="0 1.6 15" look-controls wasd-controls="speed: 0.1"&gt;&lt;/a-entity&gt;
  
        &lt;/a-entity&gt;
  </code></pre>
  
  <p>And here is the script I have for toggling my icon images, ideally I want to click on the relevant image and toggle the camera view:
  // icon image toggle change streetview to birdview.</p>
  
  <pre><code>    $('.tog').on('click', function (){
         $('i').toggle();
       })
  </code></pre>
  
  <p>document.querySelector('#iconbv').setAttribute('camera', 'active', false);</p>