First release.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3640298,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3640298,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3640298,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3640298,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":{"plg-jcm\/map":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"plg-jcm\/map","title":"Clickable Map of Japan","category":"widgets","icon":"location-alt","description":"Place a prefecture map (a clickable map of Japan) that you set up under Clickable Maps.","keywords":["map","japan","prefecture","clickable"],"textdomain":"japan-clickable-map","supports":{"html":false,"customClassName":false,"reusable":true},"attributes":{"id":{"type":"integer","default":0}},"editorScript":"file:.\/index.js","editorStyle":"file:.\/index.css"}},"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3640298,"resolution":"1","location":"assets","locale":"","width":1624,"height":1856},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3640298,"resolution":"2","location":"assets","locale":"","width":1624,"height":1856},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3640298,"resolution":"3","location":"assets","locale":"","width":1876,"height":1160},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3640298,"resolution":"4","location":"assets","locale":"","width":1876,"height":1464},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3640298,"resolution":"5","location":"assets","locale":"","width":1920,"height":1448},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3640298,"resolution":"6","location":"assets","locale":"","width":2880,"height":1240},"screenshot-7.png":{"filename":"screenshot-7.png","revision":3640298,"resolution":"7","location":"assets","locale":"","width":2476,"height":1920}},"screenshots":{"1":"A prefecture map on the front end. The 47 prefectures are grouped into Japan's eight standard regions, each with its own fill.","2":"Clicking a region opens a popover carrying its own heading, body text and links.","3":"The map editor. Prefectures are listed by region, and colors and links can be overridden one prefecture at a time.","4":"Colors: a default fill plus a color per region, with your saved presets next to every picker.","5":"The preview modal inside the editor, so you can check a map without leaving the edit screen.","6":"Placing a map with the block. The block stores only the map ID and renders on the server.","7":"Saved color presets, reusable across maps."}},"plugin_section":[],"plugin_tags":[27305,11393,2909,274983,80],"plugin_category":[43,49],"plugin_contributors":[274984],"plugin_business_model":[],"class_list":["post-348817","plugin","type-plugin","status-publish","hentry","plugin_tags-clickable","plugin_tags-japan","plugin_tags-map","plugin_tags-prefecture","plugin_tags-shortcode","plugin_category-customization","plugin_category-maps-and-location","plugin_contributors-plugear","plugin_committers-plugear"],"banners":{"banner":"https:\/\/ps.w.org\/japan-clickable-map\/assets\/banner-772x250.png?rev=3640298","banner_2x":"https:\/\/ps.w.org\/japan-clickable-map\/assets\/banner-1544x500.png?rev=3640298","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/japan-clickable-map\/assets\/icon-128x128.png?rev=3640298","icon_2x":"https:\/\/ps.w.org\/japan-clickable-map\/assets\/icon-256x256.png?rev=3640298","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/japan-clickable-map\/assets\/screenshot-1.png?rev=3640298","caption":"A prefecture map on the front end. The 47 prefectures are grouped into Japan's eight standard regions, each with its own fill."},{"src":"https:\/\/ps.w.org\/japan-clickable-map\/assets\/screenshot-2.png?rev=3640298","caption":"Clicking a region opens a popover carrying its own heading, body text and links."},{"src":"https:\/\/ps.w.org\/japan-clickable-map\/assets\/screenshot-3.png?rev=3640298","caption":"The map editor. Prefectures are listed by region, and colors and links can be overridden one prefecture at a time."},{"src":"https:\/\/ps.w.org\/japan-clickable-map\/assets\/screenshot-4.png?rev=3640298","caption":"Colors: a default fill plus a color per region, with your saved presets next to every picker."},{"src":"https:\/\/ps.w.org\/japan-clickable-map\/assets\/screenshot-5.png?rev=3640298","caption":"The preview modal inside the editor, so you can check a map without leaving the edit screen."},{"src":"https:\/\/ps.w.org\/japan-clickable-map\/assets\/screenshot-6.png?rev=3640298","caption":"Placing a map with the block. The block stores only the map ID and renders on the server."},{"src":"https:\/\/ps.w.org\/japan-clickable-map\/assets\/screenshot-7.png?rev=3640298","caption":"Saved color presets, reusable across maps."}],"raw_content":"\n
Japan Clickable Map turns a plain map of Japan into a navigation element. You\nbuild a map in the WordPress admin \u2014 pick which prefectures to show, give them\ncolors and link targets \u2014 and then place it in any post, page or custom post\ntype with a shortcode or a block.<\/p>\n\n
The map is rendered as inline SVG on the server. There is no external map\nservice, no API key and no JavaScript library to load: the front end only ships\na small script when a region popover is actually used.<\/p>\n\n
full<\/code>), or only the prefectures you\npick (range<\/code>). Any combination of prefectures is allowed.<\/li>\n- Detail level<\/strong> \u2014 choose between
low<\/code>, mid<\/code> and high<\/code> outline accuracy, so\nyou can trade file size for coastline detail.<\/li>\n- Insets<\/strong> \u2014 Okinawa, the Northern Territories and the Ogasawara Islands are\nplaced at fixed positions inside the map frame instead of stretching it.<\/li>\n
- Grouping (full mode)<\/strong> \u2014 treat each prefecture as its own clickable area, or\ngroup prefectures into regions. Regions can follow Japan's standard eight\nregions, or you can define your own grouping per map.<\/li>\n
- Region behavior<\/strong> \u2014 a region can link straight to a URL, or open a popover\nlisting the destinations inside it (hover or click).<\/li>\n
- Colors<\/strong> \u2014 set a default fill for the map and override it per prefecture.<\/li>\n
- Links<\/strong> \u2014 set a link per prefecture or per region. A prefecture with no link\nis not clickable and does not change the cursor.<\/li>\n
- Link targets<\/strong> \u2014 enter a URL by hand, or search your site and pick a post,\npage, custom post type entry or taxonomy term, so links keep working when\npermalinks change.<\/li>\n
- Labels<\/strong> \u2014 prefecture and region names are drawn on the map and exposed to\nscreen readers as
aria-label<\/code>. Any label can be overridden per prefecture.<\/li>\n- Color presets<\/strong> \u2014 save the palettes you use often and reuse them across\nmaps.<\/li>\n
- Preview<\/strong> \u2014 check the finished map in a modal without leaving the editor.<\/li>\n<\/ul>\n\n
Placing a map<\/h4>\n\n
Shortcode:<\/p>\n\n
[plg_jcm_map id=\"123\"]\n<\/code><\/pre>\n\nOptional attributes: level<\/code> (low<\/code> \/ mid<\/code> \/ high<\/code>) to override the detail\nlevel saved on the map, and class<\/code> to add your own CSS class.<\/p>\n\nOr insert the Clickable Map of Japan<\/strong> block and choose which map to display. The\nblock stores only the map ID and renders on the server, so editing a map updates\nevery place it is embedded.<\/p>\n\nPrefecture level, without limits<\/h4>\n\n
Every option above is available here, and you can create as many prefecture maps\nas you like. What the paid edition adds is a different level of detail:\nmaps at municipality level<\/strong>, where the clickable areas are cities, towns and\nwards rather than prefectures, and where those areas can be grouped across\nprefecture borders.<\/p>\n\nMap data<\/h4>\n\n
The bundled SVG maps in assets\/svg\/<\/code> are derived from the National Land\nNumerical Information (Administrative Zones Data, N03)<\/em> published by the\nMinistry of Land, Infrastructure, Transport and Tourism of Japan (data as of\n1 January 2024).<\/p>\n\n\n- Source: https:\/\/nlftp.mlit.go.jp\/ksj\/gml\/datalist\/KsjTmplt-N03-v3_1.html<\/li>\n
- Terms: https:\/\/nlftp.mlit.go.jp\/ksj\/other\/agreement_01.html \u2014 the Japanese\nGovernment Standard Terms of Use (version 2.0), which are compatible with\nCC BY 4.0. Modification, redistribution and commercial use are permitted as\nlong as the source is credited.<\/li>\n<\/ul>\n\n
Processing applied to the original data: administrative polygons dissolved into\nprefecture outlines, reprojection to Web Mercator (EPSG:3857), Okinawa moved\ninto an inset, vertex simplification, conversion to SVG, and the addition of\nidentifying attributes. See assets\/svg\/japan\/README.md<\/code> for details.<\/p>\n\nIf you display these maps, please credit the source<\/strong> somewhere visible on the\npage (a footer or a caption is fine):<\/p>\n\n\n \u300c\u56fd\u571f\u6570\u5024\u60c5\u5831\uff08\u884c\u653f\u533a\u57df\u30c7\u30fc\u30bf\uff09\u300d\uff08\u56fd\u571f\u4ea4\u901a\u7701\uff09\n (https:\/\/nlftp.mlit.go.jp\/ksj\/gml\/datalist\/KsjTmplt-N03-v3_1.html) \u3092\u52a0\u5de5\u3057\u3066\u4f5c\u6210<\/p>\n<\/blockquote>\n\n\n
\n- Upload the plugin to
\/wp-content\/plugins\/japan-clickable-map\/<\/code>, or install\nit from Plugins \u2192 Add New<\/strong> in your dashboard.<\/li>\n- Activate it through the Plugins<\/strong> screen.<\/li>\n
- Go to Clickable Maps \u2192 Add New<\/strong>, choose the prefectures, colors and\nlinks, then publish.<\/li>\n
- Copy the shortcode shown on the edit screen into a post or page, or insert\nthe Clickable Map of Japan<\/strong> block and pick your map.<\/li>\n<\/ol>\n\n
Building the block from source<\/h4>\n\n