# @geolonia/fixed-map-plugin

> Geolonia Embed API plugin to fix your map.

Latest version **0.0.6** (published 2020-10-31) · MIT license · 0 weekly downloads

## Install

```sh
npm install @geolonia/fixed-map-plugin
pnpm add @geolonia/fixed-map-plugin
yarn add @geolonia/fixed-map-plugin
bun add @geolonia/fixed-map-plugin
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.6 |
| Published | 2020-10-31 |
| First published | 2020-10-12 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 21.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | kamataryo |
| Maintainers | miya0001, kamataryo |
| Keywords | map, location, plugin |

## Links

- npm: https://www.npmjs.com/package/@geolonia/fixed-map-plugin
- Repository: https://github.com/geolonia/fixed-map-plugin
- Homepage: https://github.com/geolonia/fixed-map-plugin#readme
- Issues: https://github.com/geolonia/fixed-map-plugin/issues
- npm.io page: https://npm.io/package/@geolonia/fixed-map-plugin

## Recent versions

- 0.0.6 (latest) — 2020-10-31
- 0.0.5 — 2020-10-31
- 0.0.4 — 2020-10-25
- 0.0.3 — 2020-10-20
- 0.0.2 — 2020-10-20
- 0.0.1 — 2020-10-12

## README

# Fixed Map Geolonia Plugin

地図を固定表示する Geolonia プラグインです。
このプラグインを適用すると地図が画面の一部に固定され、スクロールしても地図が表示され続けるようになります。

DEMO: https://geolonia.github.io/fixed-map-plugin/

## 使い方

Fixed Map Geolonia Plugin は、 Geolonia [Embed API](https://docs.geolonia.com/embed-api/) のプラグインとして動作します。
以下のように Embed API と一緒にスクリプトを読み込んでください。

```html
<body>
  <div class="geolonia"></div>
  <script src="https://cdn.geolonia.com/v1/embed?geolonia-api-key=YOUR-API-KEY" />
  <script src="https://cdn.geolonia.com/v1/fixed-map-plugin@latest" />
</body>
```

## カスタマイズ

`fixed` クラス、または `geolonia-map-fixed` クラスを使って CSS を上書きすることで、固定マップのスタイルを変更できます。

```css
.geolonia.fixed {
  left: 10px;
  top: 10px;
}
.geolonia.geolonia-map-fixed {
  right: 10px;
  top: 10px;
}
```

## コントリビューション

Issue、プルリクエストはいつでも歓迎します。
以下のコマンドで開発用サーバーを立ち上げることができます。

```shell
$ git clone git@github.com:geolonia/fixed-map-plugin.git
$ cd fixed-map-plugin
$ yarn # または npm install
$ npm start
```

---
_Source: https://npm.io/package/@geolonia/fixed-map-plugin · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._