mapxus map web sdk - kawasaki-prod
npm install @mapxus/mapxus-map-jpmaplibre-gl @mapxus/mapxus-auth-jp
$ npm install maplibre-gl @mapxus/mapxus-map-jp @mapxus/mapxus-auth-jp --save
`Tips: @mapxus/mapxus-map-jp depends on specific versions of maplibre-gl and @mapxus/mapxus-auth-jp(API Doc). Make sure to use the compatible versions when installing.
Example
`js
import 'maplibre-gl/dist/maplibre-gl.css';
import {Map as Maplibre} from 'maplibre-gl';
import {registerWithApiKey} from "@mapxus/mapxus-auth-jp";
import {Map} from '@mapxus/mapxus-map-jp';// register access first
registerWithApiKey('your_appId', 'your_secret');
// then call Mapxus products
const maplibreMap = new Maplibre({
container: 'map',
zoom: 17,
});
const map = new Map({
map: maplibreMap,
buildingId: 'building_id',
// or
// venueId: 'venue_id',
// floorId: 'floor_id',
// sharedFloorId: 'sharedFloor_id',
// poiId: 'poi_id',
});
``More sample page at MapxusMap Sample Web
Docs are available at MapxusMap JS SDK API Docs
3-Clause BSD