Title: Japan Clickable Map
Author: plugear
Published: <strong>10 Agosto 2026</strong>
Last modified: 10 Agosto 2026

---

Ricerca i plugin

![](https://ps.w.org/japan-clickable-map/assets/banner-772x250.png?rev=3640298)

![](https://ps.w.org/japan-clickable-map/assets/icon-256x256.png?rev=3640298)

# Japan Clickable Map

 Di [plugear](https://profiles.wordpress.org/plugear/)

[Scarica](https://downloads.wordpress.org/plugin/japan-clickable-map.1.0.0.zip)

 * [Dettagli](https://it.wordpress.org/plugins/japan-clickable-map/#description)
 * [Recensioni](https://it.wordpress.org/plugins/japan-clickable-map/#reviews)
 *  [Installazione](https://it.wordpress.org/plugins/japan-clickable-map/#installation)
 * [Sviluppo](https://it.wordpress.org/plugins/japan-clickable-map/#developers)

 [Supporto](https://wordpress.org/support/plugin/japan-clickable-map/)

## Descrizione

Japan Clickable Map turns a plain map of Japan into a navigation element. You
 build
a map in the WordPress admin — pick which prefectures to show, give them colors 
and link targets — and then place it in any post, page or custom post type with 
a shortcode or a block.

The map is rendered as inline SVG on the server. There is no external map
 service,
no API key and no JavaScript library to load: the front end only ships a small script
when a region popover is actually used.

#### Building a map

 * **Map range** — show all 47 prefectures (`full`), or only the prefectures you
   
   pick (`range`). Any combination of prefectures is allowed.
 * **Detail level** — choose between `low`, `mid` and `high` outline accuracy, so
   
   you can trade file size for coastline detail.
 * **Insets** — Okinawa, the Northern Territories and the Ogasawara Islands are
   
   placed at fixed positions inside the map frame instead of stretching it.
 * **Grouping (full mode)** — treat each prefecture as its own clickable area, or
   
   group prefectures into regions. Regions can follow Japan’s standard eight regions,
   or you can define your own grouping per map.
 * **Region behavior** — a region can link straight to a URL, or open a popover
   
   listing the destinations inside it (hover or click).
 * **Colors** — set a default fill for the map and override it per prefecture.
 * **Links** — set a link per prefecture or per region. A prefecture with no link
   
   is not clickable and does not change the cursor.
 * **Link targets** — enter a URL by hand, or search your site and pick a post,
   
   page, custom post type entry or taxonomy term, so links keep working when permalinks
   change.
 * **Labels** — prefecture and region names are drawn on the map and exposed to
   
   screen readers as `aria-label`. Any label can be overridden per prefecture.
 * **Color presets** — save the palettes you use often and reuse them across
    maps.
 * **Preview** — check the finished map in a modal without leaving the editor.

#### Placing a map

Shortcode:

    ```
    [plg_jcm_map id="123"]
    ```

Optional attributes: `level` (`low` / `mid` / `high`) to override the detail
 level
saved on the map, and `class` to add your own CSS class.

Or insert the **Clickable Map of Japan** block and choose which map to display. 
The
 block stores only the map ID and renders on the server, so editing a map updates
every place it is embedded.

#### Prefecture level, without limits

Every option above is available here, and you can create as many prefecture maps

as you like. What the paid edition adds is a different level of detail: **maps at
municipality level**, where the clickable areas are cities, towns and wards rather
than prefectures, and where those areas can be grouped across prefecture borders.

#### Map data

The bundled SVG maps in `assets/svg/` are derived from the _National Land
 Numerical
Information (Administrative Zones Data, N03)
 published by the
 Ministry of Land,
Infrastructure, Transport and Tourism of Japan (data as of 1 January 2024).

 * Source: https://nlftp.mlit.go.jp/ksj/gml/datalist/KsjTmplt-N03-v3_1.html
 * Terms: https://nlftp.mlit.go.jp/ksj/other/agreement_01.html — the Japanese
    Government
   Standard Terms of Use (version 2.0), which are compatible with CC BY 4.0. Modification,
   redistribution and commercial use are permitted as long as the source is credited.

Processing applied to the original data: administrative polygons dissolved into

prefecture outlines, reprojection to Web Mercator (EPSG:3857), Okinawa moved into
an inset, vertex simplification, conversion to SVG, and the addition of identifying
attributes. See `assets/svg/japan/README.md` for details.

**If you display these maps, please credit the source** somewhere visible on the

page (a footer or a caption is fine):

> 「国土数値情報（行政区域データ）」（国土交通省）
>  (https://nlftp.mlit.go.jp/ksj/
> gml/datalist/KsjTmplt-N03-v3_1.html) を加工して作成

## Screenshot

[⌊A prefecture map on the front end. The 47 prefectures are grouped into Japan's
eight standard regions, each with its own fill.⌉⌊A prefecture map on the front end.
The 47 prefectures are grouped into Japan's eight standard regions, each with its
own fill.⌉[

A prefecture map on the front end. The 47 prefectures are grouped into Japan’s eight
standard regions, each with its own fill.

[⌊Clicking a region opens a popover carrying its own heading, body text and links.⌉⌊
Clicking a region opens a popover carrying its own heading, body text and links.⌉[

Clicking a region opens a popover carrying its own heading, body text and links.

[⌊The map editor. Prefectures are listed by region, and colors and links can be 
overridden one prefecture at a time.⌉⌊The map editor. Prefectures are listed by 
region, and colors and links can be overridden one prefecture at a time.⌉[

The map editor. Prefectures are listed by region, and colors and links can be overridden
one prefecture at a time.

[⌊Colors: a default fill plus a color per region, with your saved presets next to
every picker.⌉⌊Colors: a default fill plus a color per region, with your saved presets
next to every picker.⌉[

Colors: a default fill plus a color per region, with your saved presets next to 
every picker.

[⌊The preview modal inside the editor, so you can check a map without leaving the
edit screen.⌉⌊The preview modal inside the editor, so you can check a map without
leaving the edit screen.⌉[

The preview modal inside the editor, so you can check a map without leaving the 
edit screen.

[⌊Placing a map with the block. The block stores only the map ID and renders on 
the server.⌉⌊Placing a map with the block. The block stores only the map ID and 
renders on the server.⌉[

Placing a map with the block. The block stores only the map ID and renders on the
server.

[⌊Saved color presets, reusable across maps.⌉⌊Saved color presets, reusable across
maps.⌉[

Saved color presets, reusable across maps.

## Blocchi

Questo plugin fornisce 1 blocco.

 *   Clickable Map of Japan Place a prefecture map (a clickable map of Japan) that
   you set up under Clickable Maps.

## Installazione

 1. Upload the plugin to `/wp-content/plugins/japan-clickable-map/`, or install it 
    from **Plugins  Add New** in your dashboard.
 2. Activate it through the **Plugins** screen.
 3. Go to **Clickable Maps  Add New**, choose the prefectures, colors and links, then
    publish.
 4. Copy the shortcode shown on the edit screen into a post or page, or insert the **
    Clickable Map of Japan** block and pick your map.

#### Building the block from source

The editor script in `block/build/` is compiled with [@wordpress/scripts](https://www.npmjs.com/package/@wordpress/scripts).
The unminified sources ship in `block/src/`. To rebuild:

    ```
    npm install && npm run build:block
    ```

## FAQ

### Does the map need an API key or an external service?

No. The maps are SVG files bundled with the plugin and rendered on your own
 server.
Nothing is requested from a third party, and the plugin makes no outbound HTTP requests
at all.

### Can I show only part of Japan?

Yes. Set the map range to `range` and pick the prefectures you want. Only those

are drawn, and the viewBox is fitted to them.

### Can a click open a category or a specific post?

Yes. Instead of typing a URL you can search your site and select a post, page,
 
custom post type entry or taxonomy term. The link is resolved at render time, so
it survives permalink changes.

### Are the maps accessible?

Clickable areas are real links with an `aria-label` carrying the prefecture or
 
region name. Prefectures without a link are inert and are not focusable.

### The map is too wide on mobile.

The SVG scales to the width of its container. Wrap the shortcode in your own
 element,
or add a class with the `class` attribute and size it in your theme’s CSS.

### What happens to my maps if I uninstall the plugin?

Nothing is deleted by default. If you want a clean removal, enable
 **Delete all
data for this plugin on uninstall** on the plugin’s settings screen before you delete
the plugin.

### What does the paid edition add?

Municipality-level maps: the clickable areas become cities, towns and wards
 instead
of prefectures, and they can be grouped across prefecture borders.

## Recensioni

Non ci sono recensioni per questo plugin.

## Contributi e sviluppo

“Japan Clickable Map” è un software open source. Le persone che hanno contribuito
allo sviluppo di questo plugin sono indicate di seguito.

Collaboratori

 *   [ plugear ](https://profiles.wordpress.org/plugear/)

[Traduci “Japan Clickable Map” nella tua lingua.](https://translate.wordpress.org/projects/wp-plugins/japan-clickable-map)

### Ti interessa lo sviluppo?

[Esplora il codice](https://plugins.trac.wordpress.org/browser/japan-clickable-map/)
segui il [repository SVN](https://plugins.svn.wordpress.org/japan-clickable-map/),
segui il [log delle modifiche](https://plugins.trac.wordpress.org/log/japan-clickable-map/)
tramite [RSS](https://plugins.trac.wordpress.org/log/japan-clickable-map/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0.0

 * First release.

## Meta

 *  Versione **1.0.0**
 *  Ultimo aggiornamento **8 ore fa**
 *  Installazioni attive **Meno di 10**
 *  Versione WordPress ** 6.6 o superiore **
 *  Testato fino alla versione **7.0.3**
 *  Versione PHP ** 8.1 o superiore **
 *  Lingua
 * [English (US)](https://wordpress.org/plugins/japan-clickable-map/)
 * Tag
 * [clickable](https://it.wordpress.org/plugins/tags/clickable/)[japan](https://it.wordpress.org/plugins/tags/japan/)
   [map](https://it.wordpress.org/plugins/tags/map/)[shortcode](https://it.wordpress.org/plugins/tags/shortcode/)
 *  [Visualizzazione avanzata](https://it.wordpress.org/plugins/japan-clickable-map/advanced/)

## Valutazioni

Non sono state ancora inviate recensioni.

[Your review](https://wordpress.org/support/plugin/japan-clickable-map/reviews/#new-post)

[Vedi tutte le recensioni](https://wordpress.org/support/plugin/japan-clickable-map/reviews/)

## Collaboratori

 *   [ plugear ](https://profiles.wordpress.org/plugear/)

## Supporto

Hai qualcosa da dire? Ti serve aiuto?

 [Chiedi nel forum di supporto](https://wordpress.org/support/plugin/japan-clickable-map/)