@mappable-world/mappable-default-ui-theme
v0.0.16
Published
Mappable Maps JS API 3.0 example @mappable-world/mappable-default-ui-theme
Downloads
320
Readme
@mappable-world/mappable-default-ui-theme package
Mappable JS API package
How use
The package is located in the dist
folder:
dist/types
TypeScript typesdist/esm
es6 modules for direct connection in your projectdist/index.js
Mappable JS Module
Recommended use @mappable-world/mappable-default-ui-theme
as usual npm package.
Usage with npm
Install @mappable-world/mappable-default-ui-theme
package from npm:
npm install @mappable-world/mappable-default-ui-theme
The JS API is loaded dynamically, so the package must be used after the main JS API has loaded:
await mappable.ready; // waiting for the main JS API to load.
// ...
const {MMapDefaultMarker} = await import('@mappable-world/mappable-default-ui-theme');
// ...
map.addChild(new MMapDefaultMarker(props));
You also need to import css styles into your project:
/* index.css */
@import '@mappable-world/mappable-default-ui-theme/dist/esm/index.css';
Usage without npm
You can use CDN with module loading handler in JS API on your page.
By default mappable.import
can load self modules.
Just use mappable.registerCdn
and mappable.import
:
// register in `mappable.import` which CDN to take the package from
mappable.import.registerCdn(
'https://cdn.jsdelivr.net/npm/{package}',
'@mappable-world/mappable-default-ui-theme@latest'
);
// ...
// import package from CDN
const pkg = await mappable.import('@mappable-world/mappable-default-ui-theme');
More about working with the package
Read more about working with the package in the documentation.