JSFiddle - React, Tailwind, and code Playground

by fxi

HTML

<div id='mapx'></div>

CSS

html,
body,
#mapx {
  height: 100%;
  width: 100%;
  margin:0;
  padding:0;
}

JavaScript

import { Manager } from "https://app.mapx.org/sdk/mxsdk.modern.js";

const mapx = new Manager({
  container: document.getElementById("mapx"),
  verbose: true,
  url: "https://app.mapx.org:443",
  params: {
    theme: "color_light",
    project: "MX-YBJ-YYF-08R-UUR-QW6",
  },
});

mapx.on("ready", () => {
  console.log("ready!")
});