Title: Japan Clickable Map Author: plugear Published: 10 Tháng 8, 2026 Last modified: 11 Tháng 8, 2026 --- Tìm kiếm 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 Bởi [plugear](https://profiles.wordpress.org/plugear/) [Tải về](https://downloads.wordpress.org/plugin/japan-clickable-map.1.0.1.zip) * [Chi tiết](https://vi.wordpress.org/plugins/japan-clickable-map/#description) * [Đánh giá](https://vi.wordpress.org/plugins/japan-clickable-map/#reviews) * [Cài đặt](https://vi.wordpress.org/plugins/japan-clickable-map/#installation) * [Nhà phát triển](https://vi.wordpress.org/plugins/japan-clickable-map/#developers) [Hỗ trợ](https://wordpress.org/support/plugin/japan-clickable-map/) ## Mô tả 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`, `low-smooth`, `mid` and `high` outline accuracy, so you can trade file size for coastline detail. `low-smooth` keeps the simplified `low` outline but joins its points with curves for a softer coastline. * **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` / `low-smooth` / `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) を加工して作成 ## Ảnh màn hình [⌊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. ## Khối Plugin này cung cấp 1 khối. * Clickable Map of Japan Place a prefecture map (a clickable map of Japan) that you set up under Clickable Maps. ## Cài đặt 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. Insert the **Clickable Map of Japan** block and pick your map from the list, or place the shortcode `[plg_jcm_map id="123"]` by hand — `123` is the map ID, which is the `post=` value in the address bar while you edit that 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 ``` ## Hỏi đáp ### 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. ## Đánh giá Không có đánh giá nào cho plugin này. ## Người đóng góp & Lập trình viên “Japan Clickable Map” là mã nguồn mở. Những người sau đã đóng góp vào plugin này. Những người đóng góp * [ plugear ](https://profiles.wordpress.org/plugear/) “Japan Clickable Map” đã được dịch qua 1 ngôn ngữ. Cảm ơn [những người tham gia dịch](https://translate.wordpress.org/projects/wp-plugins/japan-clickable-map/contributors) vì đóng góp của họ. [Dịch “Japan Clickable Map” sang ngôn ngữ của bạn.](https://translate.wordpress.org/projects/wp-plugins/japan-clickable-map) ### Muốn tham gia phát triển? [Duyệt code](https://plugins.trac.wordpress.org/browser/japan-clickable-map/), check out [SVN repository](https://plugins.svn.wordpress.org/japan-clickable-map/), hoặc theo dõi [nhật ký phát triển](https://plugins.trac.wordpress.org/log/japan-clickable-map/) qua [RSS](https://plugins.trac.wordpress.org/log/japan-clickable-map/?limit=100&mode=stop_on_copy&format=rss). ## Nhật ký thay đổi #### 1.0.1 * Fixed: parts of the admin UI were shown in Japanese regardless of the site language. The preview button and modal, the region popover close button, the selected-prefecture counter, the unassigned list and the color preset controls are now translatable. * Fixed: the prefecture counter next to each region heading was blank on non-Japanese sites. * Fixed: the selected-prefecture counter switched language as soon as you ticked a checkbox, because the initial value and the live update came from different places. * Changed: `Plugin URI` now points at the English documentation. * Docs: corrected the installation steps (there is no shortcode to copy on the edit screen — the map ID is the `post=` value in the edit screen URL) and the list of detail levels (`low-smooth` was missing). #### 1.0.0 * First release. ## Meta * Phiên bản **1.0.1** * Cập nhật lần cuối **8 giờ trước** * Số lượt cài đặt **Ít hơn 10** * Phiên bản WordPress ** 6.6 hoặc cao hơn ** * Đã kiểm tra lên đến **7.0.3** * Phiên bản PHP ** 8.1 hoặc cao hơn ** * Ngôn ngữ * [English (US)](https://wordpress.org/plugins/japan-clickable-map/) và [Japanese](https://ja.wordpress.org/plugins/japan-clickable-map/). * [Dịch sang ngôn ngữ của bạn](https://translate.wordpress.org/projects/wp-plugins/japan-clickable-map) * Thẻ * [clickable](https://vi.wordpress.org/plugins/tags/clickable/)[japan](https://vi.wordpress.org/plugins/tags/japan/) [map](https://vi.wordpress.org/plugins/tags/map/)[shortcode](https://vi.wordpress.org/plugins/tags/shortcode/) * [Nâng cao](https://vi.wordpress.org/plugins/japan-clickable-map/advanced/) ## Đánh giá Chưa có đánh giá nào được gửi. [Your review](https://wordpress.org/support/plugin/japan-clickable-map/reviews/#new-post) [Xem tất cả đánh giá](https://wordpress.org/support/plugin/japan-clickable-map/reviews/) ## Những người đóng góp * [ plugear ](https://profiles.wordpress.org/plugear/) ## Hỗ trợ Có điều gì muốn nói? cần giúp đỡ? [Xem diễn đàn hỗ trợ](https://wordpress.org/support/plugin/japan-clickable-map/)