> For AI agents: the complete documentation index is available at /jp/core-sdk/map/web/llms.txt, the full documentation bundle is available at /jp/core-sdk/map/web/llms-full.txt.
# Install Mapxus Map
## Installation
**@mapxus/mapxus-map-jp** depends on specific versions of **maplibre-gl** and **@mapxus/mapxus-auth-jp** ([API Doc](https://map-service.mapxus.co.jp/dpw/api/v1/api/mapxusAuth/web/0.0.1/index.html)). Make sure to use the compatible versions when installing.
## Import in Browser
```html
```
**Tips**: If you import by script tag, you can get the version info above or in [Mapxus map js sample web][sample web].
## Using npm, pnpm, or yarn
```bash
$ npm install maplibre-gl@5.2.0 @mapxus/mapxus-auth-jp@0.1.2 @mapxus/mapxus-map-jp@10.2.1 --save
or
$ pnpm add maplibre-gl@5.2.0 @mapxus/mapxus-auth-jp@0.1.2 @mapxus/mapxus-map-jp@10.2.1
or
$ yarn add maplibre-gl@5.2.0 @mapxus/mapxus-auth-jp@0.1.2 @mapxus/mapxus-map-jp@10.2.1
```
```javascript
import "maplibre-gl/dist/maplibre-gl.css";
import "@mapxus/mapxus-map-jp/style";
import maplibregl from "maplibre-gl";
import { registerWithApiKey } from "@mapxus/mapxus-auth-jp";
import * as MapxusMap from "@mapxus/mapxus-map-jp";
```
## Usage
Before using the map, you must have a pair of **appId** and **secret**.
Please [contact us][mapxus] to apply for if you haven't had one yet.
```html
Init Map By Building ID
```
[Let’s try to build your first Mapxus Map][sample web]
[sample web]: https://map-service.mapxus.co.jp/bssww
[mapxus]: http://www.mapxus.com/contact/