Interact with external graphic JS library


#1

I’m building a way finding application using 3D Wayfinder, so far i’m able to import the map and display it on the ionic page by including the JS libraries on the index.html
of the project.

  <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.11/jquery.mousewheel.min.js"></script>
  <script src="http://static.3dwayfinder.com/projects/shared/js/minified/frak-stable.min.js"></script>
  <script src="http://static.3dwayfinder.com/projects/shared/js/minified/Wayfinder3D.min.js"></script>
  <script>
  var wayfinder;
    $(function(){ //Make sure that the page is loaded.
      wayfinder = new Wayfinder3D();
      wayfinder.options.assetsLocation = '//static.3dwayfinder.com/shared/';
      wayfinder.open("demo");
    });
  </script>

and adding a canvas on the page html.

<canvas id="map" height="410"></canvas>

But a can’t interact with the library by itself, in order to catch the map click eventes

I took a read at this threads


but nothing seems to work.