---
# System prepended metadata

title: National Parks of Japan
tags: [FunkyCorp]

---

# National Parks of Japan

###### tags: `FunkyCorp`

## 概要
[National Parks of Japan](https://www.japan.travel/national-parks/)の地図部分を、ユーザ操作可能なインタラクティブな地図に変更する。

## 仕様
1. リージョンを選択すると、選択したリージョンの国立公園にピンが立つ。
2. ピンを選択すると、詳細表示パネルの内容が選択した国立公園の内容に切り替わる。選択中のピンのz-indexが一番上になる。
3. 詳細表示パネル内の左右のナビゲーションを押すと、前・後の国立公園の詳細に切り替わり、ピンの選択中表示も同時に切り替わる。
4. 前・後のナビゲーション操作で、各リージョンンの末番を超える場合は、次のリージョンへ遷移する。
5. 詳細表示パネルを左右スワイプでも前・後の切り替えを可能にする（タッチデバイス用）

## 資料
https://r7rj71.axshare.com/#g=1&p=hokkaido_region_-_default
pw: mankitsu

## 要望
- すでにリリースされているサイトへ組み込むが、環境構築は困難だと思われる。今回依頼された地図単体で実装して簡単に組み込める形が望ましい
- 国立公園の順番の入れ変えが容易にできると嬉しい
- 可能であれば公園の追加・削除を行える様にしたい（工数次第）

## サポートブラウザ
- IE11
- Edge 最新
- Safari 最新
- Chrome 最新
- Firefox 最新