MapX SDK

by fxi

HTML

<script src="https://cdn.jsdelivr.net/npm/@fxi/[email protected]/dist/mxsdk.umd.min.js"></script>
<div style="height: 0px; width:0px; position:absolute;top:-10000px" id="mapx">app placeholder</div>
<h1 id="ip"></h1>
<div id="views"></div>

JavaScript

debugger;


let elContainer = document.getElementById('mapx');
let elViews = document.getElementById('views');
let elIp = document.getElementById('ip');
elContainer.innerHTML = '' 

const mapx = new mxsdk.Manager({
  url: 'https://app.staging.mapx.org/',
  project: 'MX-YBJ-YYF-08R-UUR-QW6',
  language: 'en',
  container: elContainer
});

/**
 * When ready, begin requests
 */
mapx.on('ready', async () => {
  
  /**
   * Get list of views, print them in console
   * ( All requests to MapX resolvers return
   * Promises or Promisified value)
   */
  const views = await mapx.ask('get_views')
  elViews.innerText = JSON.stringify(views);

  /**
   * Get geo ip info,  print it in console
   */
  const ipInfo = await mapx.ask('get_user_ip');
  
  elIp.innerText = JSON.stringify(ipInfo);


});