title: ionic 2: enable an ionic component on map click
body: <p>How do i enable an Ionic component with click event on google map.</p>
  
  <p>for Example: I have implemented a click listener on the marker which would in turn present an action sheet.</p>
  
  <pre class="lang-js prettyprint-override"><code>    google.maps.event.addListener(marker, 'click', function() {
          //infoWindow.open(this.map, marker);
          presentActionSheet();
      });
  
      var actionSheet = ActionSheet.create({
          title: 'Modify your album',
          buttons: [{
              text: 'Destructive',
              role: 'destructive',
              handler: () =&gt; {
                  console.log('Destructive clicked');
              }
          }, {
              text: 'Archive',
              handler: () =&gt; {
                  console.log('Archive clicked');
              }
          }, {
              text: 'Cancel',
              role: 'cancel',
              handler: () =&gt; {
                  console.log('Cancel clicked');
              }
          }]
      });
  
      this.nav.present(actionSheet);
  }
  </code></pre>
  
  <p>but I'm getting the following error when i click on the marker</p>
  
  <blockquote>
    <p>Uncaught TypeError: this.nav.present is not a function, <a href="http://localhost:8100/build/js/app.bundle.js" rel="nofollow">http://localhost:8100/build/js/app.bundle.js</a>, Line: 2265</p>
  </blockquote>