4. JavaScript Image API

4.1.1. Accessing the instance

You can access a Micrio image in Javascript either by creating it there (see 3.2.3), or referencing a <micr-io> embed like this:

let image = document.getElementById('your-micrio-id').micrio;

4.1.2. JSDoc API Manual pages

Click here to go to the 3.3 JSDoc pages

Note: For documentation for Micrio versions older than 3.2, visit the older JS Modules API documentation.

4.1.3. Typescript compatibility

For full TypeScript compatibility, you can use the Micrio type definition .d.ts file by using this file:

https://b.micr.io/micrio-3.3.min.d.ts

4.1.4. Changelog

The version history changelog can be viewed HERE.

4.2.1. Binding event handlers

With access to a Micrio JS instance, you can easily bind events like this:

let image = document.getElementById('your-micrio-id').micrio;

image.addEventListener('marker-opened', e => {
	console.log('Marker was opened!', e.detail);
});

4.2.2. All events

All possible Micrio events are listed below