Online tool for project mapping based on JavaScript executed on the client.
Important
The project is still in development, so there may be some bugs or errors.
When you include mlmap.min.js in your page, a new class named MLMap is defined. The first step is to instantiate MLMap, which can be done a couple of different ways depending on your needs. For most simple cases, this only requires a single line of code.
<html>
<head>
<style>
body {
background: black;
}
#so-simple {
width: 300px;
height: 300px;
background: green;
}
</style>
</head>
<body>
<div id="so-simple">This is pretty simple.</div>
<script src="mlmap.min.js"></script>
<script>
new MLMap({
layers: ["so-simple"]
});
</script>
</body>
</html>Add new layers to an existing MLMap instance
const mlmap = new MLMap({
layers: ["so-simple"]
});
mlmap.addLayer("so-simple-2");Since the idea is to have a projector aimed all crazy-like, the controls are all keyboard and mouse based since any UI would either get in the way, or would be impossible to see in most cases anyway.
SHIFT + Space Toggle edit mode and discover the rest of the controls
- FJRG007
- Email: fjrg2007@tpeoficial.com
The founder of the project, FJRG2007, reserves the right to modify the license at any time. This project is licensed under the terms of the Apache-2.0.