Documentation of the

Interactive Map of Japan

Table of Contents

Introduction (back to top)

We created the first version of this map with care and dedication. Since then, we've actively listened to our users, made improvements, added new features, and ensured the map remains up to date. Throughout this journey, we've adhered to the latest coding practices, prioritizing performance and security.

The map comes in two forms: a WordPress Plugin and a Standard JavaScript template. The WordPress plugin is designed to be installed on a WordPress website, while the Standard JavaScript template can be embedded into any website that allows you to insert HTML code.

Installation on a Standard Website (back to top)

To install the map on your website, please follow these steps:

Note: This method is suitable for standard websites where you can upload the map's supporting JS/CSS files to your hosting and have full access to the page's code to insert the map HTML code. For websites hosted on platforms like Joomla, Wix, Weebly, Squarespace, and others, you can combine the code into an inline script and you may embed that in the page using their 'Embed Custom HTML' option if applicable. If you need assistance, feel free to contact us, and we’d be happy to help you with the installation for no cost. There is no guarantee, as this is beyond our control. We may request the login credentials to your website for a quicker installation process.

  1. Upload the 'jp-js-map' folder to your website. You can use an FTP client like FileZilla to upload the files, and here’s a simple video tutorial to guide you.
    Alternatively, you can upload the folder using the 'File Manager' option in your web hosting control panel (e.g., godaddy, bluehost, hostinger, etc).

    Note: Inside the 'jp-js-map' folder you should have 4 files (index.html, map-config.js, map-style.css, and pins-config.js).

  2. Enter the directory where you uploaded the map folder (e.g., https://www.example.com/jp-js-map/):

    Test the link and if the map is displayed and functioning correctly, we can proceed. Otherwise, please check the previous step.
  3. Based on the directory you provided, let's update the <head> code.
    <link href="replaceme/map-style.css" rel="stylesheet"/> <script src="replaceme/map-config.js"></script> <script src="replaceme/pins-config.js"></script>

    Copy the updated code above and paste it before the </head> tag in the webpage where you want to display the map.

  4. Copy the following code and paste it after the <body> tag in the webpage where you want to display the map.
    <span id="jpjstip"></span>
    <div id="jpjsmapwrapper" style="opacity:0;"><!-- jp-js-v4.8 -->
      <div id="jpjsmapbase">
        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 650" xml:space="preserve">
          <g>
            <path id="jpjsmap_1" class="aichi" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M290.125,465.875c0.125-3.75,3.875-4.125,5.25-5.625s0.125-1.75,3-4.625s-0.125-1.875,2.75-6.125c-3.208-3.834-7.792,0.834-8.5-2.896c-2.125,1.73-5.194,3.23-6.91,0.896c-1.715-2.334-3.882,2.209-6.882-0.896c-3-3.104-3.667-5.689-6.833-3.979s-5.667-0.791-6,1.209s-2.501,6.5-1.833,8c0.667,1.5,0.5,2.833,1.833,4c3.333-1.667,4.5,1.333,2.5,3.833s-0.167,5.667,0.833,8.333s3.167,0.834,2.5-2.833c-0.667-3.667,3-1,4.167,0.833s3.333-0.166,5-1.166s5.333-2,4.5,2.166s-9.5,2.5-9.5,5.667c0,3.167,9.833-0.5,14.167-1.833C289.208,468.667,290,469.625,290.125,465.875z"/>
            <path id="jpjsmap_2" class="akita" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M373.75,291.75c0.5,1.875,3.75,2.875,6.375,2.25s2.875,1.5,4.875,2.5s1,3.375,4.125,4.125s5.625-1.125,7.375-3.125s-0.625-7.75,0.25-10.125s-1.875-2.75-3-6.625s2.375-5.375,1.5-7.125s4.75-3.75,2.625-7.25s1.875-4,0.125-6s2.375-2.125,1.125-5.875s1.25-9.375,2.875-10.5s-0.125-3.625,1.25-5.375s-1.125-2.25-4.75-3.332c-3.625-1.082-4.625,1.707-5.75,0.707s-3.75,0.375-6.25-1.462s-10.25,1.337-12.125,0.212s-1.875,2.625-4.209,1.75c2.333,2.667,1.5,8.333,1,11.833s-4.999,8-7.666,6.5s-1,0.167-0.833,3.167c0.167,3,2,1.5,3.833,0.667c1.833-0.833,5.5,1.167,5.167,3.5c-0.333,2.333,5,1.667,2.167,5.833c-2.834,4.167-2.667,14.333-4.5,15.333c-1.834,1-2,4.833-1.834,7.667C369.25,291.75,373.25,289.875,373.75,291.75z"/>
            <path id="jpjsmap_3" class="aomori" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M374.375,234.75c1.875,1.125,9.625-2.05,12.125-0.212s5.125,0.462,6.25,1.462s2.125-1.789,5.75-0.707c3.625,1.082,6.125,1.582,4.75,3.332s0.375,4.25-1.25,5.375c2.5,1.375,5.25,0,5.375-1.625s5.25-4.875,7-3.625s3.75-1.06,5.625-0.28s2.791-4.553,6.333-4.137c-1.334-3.666-7.667-5.333-9.508-10.333c-1.841-5-1.159-21.333-0.159-26.333s-2.667,1.667-12.762-7.333c-5.786-5.159-3.571,3-6.905,10.662c-3.333,7.662,5.667,0.338,12,0.005s2.335,17.833-5.333,12.333c-6.46-4.635-4.999-0.667-4.499,2c0.5,2.667-2,3.833-5.167,1.667s-2.333-9.667-2.5-14.167s-5.166,0.5-7.166-2s-0.834,2-2.834,3.833c-2,1.833,0.334,3.167,1.667,4.833c1.333,1.667-3,3.5-2,5.667c1,2.166-3.667,8.501-7.001,6.667C370.833,220,369.5,226.5,368,226.667c-1.5,0.167-1.834,1.166,0.5,3.166s-0.666,4,1.666,6.667C372.5,237.375,372.5,233.625,374.375,234.75z"/>
            <path id="jpjsmap_4" class="chiba" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M392.416,423.684c-1.333,0.018-1.75-1.018-3.25-2.934s-8.666,1.666-10.582,2.666c-1.917,1-4.084-1.082-6.25-1.666c-2.167-0.584-2.168,1.084-4.959,0c0.625,1.375,2,5.25,0,4.25c0.625,1.625,1.5,3.375-0.375,6c2.334,0.834,2.834-2,6,0.166c3.166,2.167,0.166,5.668-3.334,6.834s-3.832,7.166-3.666,10s-2.166,10.666,0,11.834c2.166,1.166,6.5-5.168,7.834-6.834c1.333-1.666,7-2.334,9.632-3.666c2.633-1.334,0.534-6.334,0.034-9c-0.5-2.667,4.666-6.668,7.166-9.668S398,430,399,429C395.666,428.25,393.75,423.666,392.416,423.684z"/>
            <path id="jpjsmap_5" class="ehime" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M133.25,530c-1-1.5,0.5-1.625,1.539-0.375c1.039,1.25,2.836-0.875,2.836-2.75s0.25-2,3-2.625s1.375-1.75-0.375-4.75s-0.125-3.25,4-2.25s1.875-7.125,3.625-7s3.375-5.625,4.625-5.776c1.25-0.151,0.875-1.599,2.267-0.724S157.25,503,160.5,503s2.125-2.125,6.75-2c-0.25-1.625,0.75-3,0-4.5s-2.25-0.75-3.5-1.417c-1.834,3.25-4.75,1.166-5.532,2.083c-0.782,0.918-4.302,0.167-4.468,1.25c-0.167,1.084-2.5,1.083-5,0.583s-1.5-3.666-3-4.666s-0.75-2.75-2.75-2.75s0.167,2.583-1.083,2.416s-1.5,1.334-2.333,1.417c-0.833,0.084-2.167,1-1.75,1.917c0.417,0.916-1.166,3.166-2,2.916c-0.833-0.25-1.75,0.584-0.583,1.834s-0.583,1.583-0.917,4.583c-0.333,3-6.917,5.334-7.25,6.667s-6,3.75-7.667,4.25s-3.833,1.083-3.416,2.583c0.416,1.5,1.416,0.917,2,0.084c0.583-0.833,5.333-3.334,6.166-3.25s2.667,0.833,1.5,1.416s-1.25,1.25-0.583,4.167s4.917-1.333,3.75,1.917c-0.419,1.166,0.917,1.583,0.75,3.083c-0.166,1.5-0.75-0.25-2.071,0.917c-1.321,1.167,1.488,1.5,0.488,2.583s-0.417,2.167,1.333,5.167s2.167,1.166,4.75,2.166C135.792,536.332,134.25,531.5,133.25,530z"/>
            <path id="jpjsmap_6" class="fukui" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M226.375,440.625c-0.375,1.375,1.5,2.25,3.625,2s1.625,1.875,5,0c0.333-2.041,3.333-2.125,4.5-4.291c1.166-2.167,4.333-0.168,4.666-2.141c0.333-1.974,3.834-0.693,3-4.193c-0.833-3.5,1.834-1.666,4-0.632c0.5-1.368-0.5-5.868,2.834-5.368c3.333,0.5,4.833,2,7.5,0s5.999,1.361,7.667-1.402c1.667-2.764-4.833-5.764-2.833-10.098c-2,0.666-5.5-1.666-7.167-2.334c-1.667-0.667-1.333,1.668-4.667,0c-3.334-1.667-1.167-5-4.968-6.369c-1.529,1.01-2.954,2.002-3.032,2.703c-0.167,1.5-3.667,2.834-3.333,5c0.333,2.166-3.334,1.666-2.167,4c1.166,2.334,0.833,5.5,2.167,6.334c1.333,0.833,3,6.166,0.833,6.666s0.167-3.166-2.333-2.5s-0.5,4.666-2.167,4.166s-2.167,2.834-4.667,2c-2.5-0.833-1.5,3.834-4.333,3.334c-3.127-0.552-4.367-0.938-4.807-1.305C224.25,438.25,226.75,439.25,226.375,440.625z"/>
            <path id="jpjsmap_7" class="fukuoka" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M77.166,499.166c-1.333,0.5-3.833,2.334-5,0.834c-1.167-1.5-0.166,1.667-4.833,1c-4.667-0.667-5,6.667-6,9.333s-5-1.666-7.333,0c-2.333,1.666-2.333,4.667-4,7c3.5,2.042,5-2.042,7.375,0s4.625,4.327,5.5,2.372c0.875-1.955,2.625-2.295,3,0c0.375,2.295-2.625,2.92-3.125,4.42s-3.5,2.002-3.25,5.376c2,1.167,2.333,4.666,0.667,7c6.667-0.749,3.083-3.251,5.208-4.822s3.625,0.196,4.25-2.178c0.625-2.374,3.75,2.624,5.625,2.146c1.875-0.478,1.625-3.396-0.104-4.771s1.729-0.625,0.354-3.753c-1.375-3.128,1.75-2.122,1.125-4.497s3.375-4,6.25-3.125s3.5,0,3.375-3.375c-4.625-0.125-5.125-6.25-6.5-7.875s0.75-4.375,0.75-6.5C79.334,497,78.5,499.5,77.166,499.166z"/>
            <path id="jpjsmap_8" class="fukushima" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M399.375,343.625c0.125,2.375-5.5,2.625-6-1.125s-5.75,0.125-6.625-3.125s-3.625,1.25-7-1.375c0,4.875,1.625,5.25,0,7.625s-3.375,0.5-4.375,1.875s-2.75-1.875-3.875-1.25s-1.875-2.375-3.625-1.875s-3.25-0.625-5.25-0.75c-1.625,4.375-5.375,6-5.625,8.5s1.834,6.75-1.333,5.5c-3.167-1.25-3.292,2.875-6.292,2.25s-0.875,4.375-3.125,6s0.625,4.75,0,6.5s2.5,5,1.125,7c0.875,0.75,3.75,0.625,4.625,1.5c2-2.75,4.25-2.5,6.625-4.25s6.375-1.875,6.625-3.875s3.375-1.5,7.75-0.625s2.75,3.125,4.75,3.625s1.5,2.375,1.942,4.125c2.308,0.625,0.933,2,2.683,2.25s1.125,2,2.5,2.375s2.75,0.5,4.125-0.75s-1.125-3.375,0.5-3.625s2,2.508,3.25,2.191s2.834,0.851,4.417,1.518c1.333-2.334,0.5-4.167,4-4.667s2.833-8,2.333-9.665c-0.5-1.665,2.834-10.002,1.5-13.002s-2-9.166-3.666-15.833C400.167,340.459,399.25,341.25,399.375,343.625z"/>
            <path id="jpjsmap_9" class="gifu" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M295,440.334c0.667-3.667-3.167-6-3.333-8.334c-0.167-2.334-2.167-4.834-4.667-6s-1-5.5,1.5-4.166c2.5,1.333,5.333-5.334,3.833-9.668c-1.5-4.333,3.5-3.5,2.792-8c-2.042-3.167-4.792-0.999-6.125-3.166s-3.333,0.167-4.333-1.266c-1-1.434-2.333,1.1-3.833,0s-4.333,2.766-5.333,4.932c-1,2.167-2.333,1.501-2.5,0c-0.167-1.5-3.667-3.999-5.333,0c2.333,3.833,0.667,5.5-1.333,9.834s4.5,7.334,2.833,10.098c-1.667,2.764-5-0.598-7.667,1.402s-4.167,0.5-7.5,0c-3.334-0.5-2.334,4-2.834,5.368c-0.5,1.368,0.834,1.966,0.834,3.632s3.333,2,3.666,5.334c0.333,3.333-2.333,7-0.833,7.666s1.833,0,3.167,0s3.5,3.666,6.167,3.834c-0.667-1.5,1.5-6,1.833-8s2.833,0.5,6-1.209s3.833,0.875,6.833,3.979c3,3.105,5.167-1.439,6.882,0.896c1.715,2.334,4.785,0.834,6.91-0.896C294.75,444.875,294.333,444,295,440.334z"/>
            <path id="jpjsmap_10" class="gunma" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M341.75,376.5c-1.125,3.125-4.125,0.65-3.875,3.2s-4.375,3.175-4.375,5.175s-1.75,2.125-4.25,2.875s-6,0.625-5.875,2.625s-3.5,1.875-3.125,4.375s-5.18,2.75-0.027,6.25c5.152,3.5,7.027-1.625,7.277,1.875s-2.625,5-0.875,6.75s1.875,7.5,2.875,8.5c1.25-2.125,4.358-2.558,6.5-3.875c1.717-1.057,1.375-1.5,3.5-1.875s1.5-3.25,2.5-5.5s5,0.75,6.919,0.75c1.92,0,5.706,2.75,7.456,1.875s3.5,1.5,4.125-0.25s-3.25-2.75-5.375-2.75s-1.375-1.875-3.875-2.875s1.5-5.375,2.375-6.75s2-3-2.375-3.875s-0.75-5.875,0.25-7.427c1-1.553-1.5-1.948,0.5-4.698c-0.875-0.875-3.75-0.75-4.625-1.5C346,381.375,342.875,373.375,341.75,376.5z"/>
            <path id="jpjsmap_11" class="hiroshima" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M158.218,467.278c1.218-2.555-3.385-4.444-2.385-6.778s-1.5-4.166-1-6c-2.167-0.166-2.378,0.333-5.189-0.5c-2.811-0.833-4.811,1.5-7.145,0.25s-4,4.584-5.5,4.584s-4.333,2.454-2.333,3.143c2,0.689,0.501,2.857-1.833,2.357c-2.333-0.5-3.501,2-5.167,1s-1.999,0.81-4.333,0.238c-2.333-0.572-6.5,2.095-6.167,4.262c0.334,2.166-1.771,3.124-1.219,4.978c0.552,1.854-1.281,1.688-1.114,3.188c0.167,1.5-0.771,5.612,1.114,5.39c1.886-0.223,0.719,5.109,4.469,5.526c0-1.25,1-1.832,2.25-1.832s1.25-1.334,1.25-2.834s3.334-1.75,4.5-0.834c1.166,0.917,0.583,2.334-0.167,2c-0.75-0.333-1.834,1-2.334,1.084s-1.083,2.25,0,3s1.334,1.166,0.917,2.416c-0.416,1.25,0.917,1.084,3.167,1.168c2.25,0.083,0.583-2.334,0.75-3.418c0.167-1.083,1.5-0.916,3.25-0.25c1.75,0.667,1.583-1.832,3.583-2.082s1.167-3.5,2.667-2.584s2.25-1.416,3.333-1.25c1.084,0.166,3.667-0.584,3.917,0.834c0.25,1.416,1.416,1.916,2.166,2.5c0.75,0.583,2.917-2.168,2.917-3.5c0-1.334,0.583-1.584,2-0.918c1.417,0.667,2.75-0.666,2.75-1.166s0.25-2.334,2.167-2.084C160.166,473.666,157,469.834,158.218,467.278z"/>
            <path id="jpjsmap_12" class="hokkaido" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M559,108.334c0,3-7.666,0.89-8.333,4.612c-0.667,3.722-14.333,1.722-14,5.722s-4.999,8-6.333,5.667C529,122,526.333,128.333,522,128c-4.333-0.333-6.999-1.333-10.666-3.666C507.667,122,477.666,147.001,479,156.667c1.334,9.666-2.333,7.667-2.666,10c-0.334,2.333-1.667,5.333-5,0C468,161.333,446,157,444.334,151c-1.667-6-6.668-1.666-10.334-6.333c-3.666-4.667-9.666-6.334-15.666-1.667S404.666,155.667,402,153.333c-2.666-2.333-5.666-5.666-6.333-8.666C395,141.667,387,140.333,383,149s-2.333,10.334,1.334,10.667c3.666,0.333,3.666,4.999,7,4.333c3.333-0.667,9.666,9.667,15,9.333c5.333-0.333,2.333,2.334-0.667,5c-3,2.667-4.667,2.334-8,0c-3.333-2.333-5.333,2.087-8.333,1.877c-3-0.21-1.667,8.457-5.667,9.457s-2.667,8-10.667,0s0-10.667,2-14.334c2-3.666-0.972-11.333-5.485-13c-4.515-1.666-7.515-9-3.515-13s-1.333-12.001,6.334-12.333c7.666-0.333,3.999-4.667,8.332-5c4.334-0.333,0.334-8.334,5.334-8s-10.334-10.211-4-13.939c6.334-3.727,13.666,7.939,18,4.939s6.334,6.001,12.334,0.667c6-5.333,0.665-9.666,3.332-14c2.668-4.333-6.539-9.757,0.668-13C429.667,82.666,419.666,66.333,427,63s0.334-26-2.333-32.333C422,24.333,421.666,22,424,19.667s3.334-7,5.334-4.333s2.332-8.667,5.666-3c3.334,5.667,8.881,8.971,13,14.333c6.892,8.973,6,16,19,27.667S491,69,491.667,72c0.667,3,8.333-2,11,4c2.667,6,5-3.333,7,1.334c2,4.666,15.667,10,18.667,4S538.667,73.333,539.667,70s5.001-4.333,3.667,1.667c-1.334,6-11.001,15-8.334,19.667c2.667,4.666,7.001,12,6.334,16.333s2.666,7,5.666,4S559,105.334,559,108.334z M572.334,57.333c-2.666-4-6,2.333-6,6.667S556,72.667,555,77.334c-1,4.666-11.859,8.463-9.333,12c1.667,2.333,0,4.666,3,5c3,0.333,3.667-10,7.333-10.334s4.667-9.666,7.438-11.302C566.208,71.062,567,68,569.667,68s4.667,0,10-3.666C585,60.667,575,61.333,572.334,57.333z M592.334,85.334C590.334,82,582,86,584,90.334C586,94.667,594.334,88.667,592.334,85.334z M567.667,103.667c2,1.334,5.667-1.667,3.667-3.333C569.334,98.667,565.667,102.334,567.667,103.667z M554.078,40.327c2.525,1.813,2.916,0.182,3.277-1.416c0.361-1.598,4.533-0.578,5.076-3.116c0.543-2.538,5.074-4.713,5.074-6.163c0-1.45,1.088-3.081,1.994-1.632c0.908,1.451,3.445-0.725,5.44-2.538c1.994-1.813,7.613-5.982,10.15-6.526c2.537-0.543,3.625,0.544,4.352-2.175c0.725-2.719,0.182-3.082-3.445-2.506c-3.625,0.575-3.807,5.95-8.52,6.131c-4.713,0.182-2.719-4.351-4.713-4.169c-1.994,0.181,0.363,4.713-1.813,5.075c-2.176,0.362-0.361,3.988-3.625,3.807c-3.264-0.181-3.807,5.62-6.346,6.526c-2.537,0.906-1.631,2.9-2.9,3.988C556.813,36.702,552.496,39.191,554.078,40.327z M354.125,165.375c2.742-0.374,0.625-4.125,2.25-6.125s-0.125-2.125-1.125-1s-3.125-0.375-3.125,2.375S351.375,165.75,354.125,165.375z"/>
            <path id="jpjsmap_13" class="hyogo" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M223.833,461.666c0.834-1.167-4.167-4.166-2.333-4.5c-2.334-1.333,1.166-3.332-0.407-5.332c-1.574-2-5.093-1.334-5.426-3.782c-0.333-2.447-2.833-0.386-4.833-1.447s-3.833-0.77-3.833-3.979s2.5-0.291,3.833-1.25c1.334-0.959,0-1.875,0-5.182c0-3.307-2.667,1.973-4.333,0c-1.667-1.974-2.167-2.193,0-4.443c-3.5-1.5-8.5,0.5-11-0.5s-5.25,1-6,2c2.333,2.417,0.666,4.019,2.5,6.551c1.833,2.533,2.333,6.408,1,6.804c-1.334,0.396-3.667,0.729-3.5,2.896c0.166,2.167,1.483,1.334-0.008,3.667c-1.492,2.333-4.325,4.167-2.992,6.167c1.333,2-1.501,3.832,2.166,8.832c1.083,0.167,6.584-1.832,8.917-2.25c2.334-0.417,4.5,0.834,5.833,2.334c1.333,1.5,4.667,2.334,6.334,3.084c1.666,0.75,0.25,1.416-0.084,1.416c-0.333,0-1.416,1.916-2.583,2.5c-1.166,0.584-1.75,2.917-3.25,2.917s-2.333,5.333-4.333,6.167c-2,0.833-0.334,1.166,1.166,3.5c1.5,2.333,4.167-0.667,6.5-1.167c2.333-0.5-0.166-2.333-0.666-5c-0.5-2.667,4-7.167,4.774-8.667s2.392-2.333,4.226-1.333c1.833,1,5.666-4.167,8-2.333C226,466.5,223,462.834,223.833,461.666z"/>
            <path id="jpjsmap_14" class="ibaraki" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M392.75,382.316c-1.25,0.316-1.625-2.441-3.25-2.191s0.875,2.375-0.5,3.625s-2.75,1.125-4.125,0.75s-0.75-2.125-2.5-2.375s-0.375-1.625-2.683-2.25c0.442,1.75-0.442,4.25-0.196,5.698c0.247,1.447,0.504,3.802-0.871,4.302s0,5,0.75,6.625s-2.125,6-4.5,4.75s-2.125,1.5-4.5,1.5s-4.625,3.25-5.625,5.125s0,3.625-0.625,6.375s2.625,6.125,3.25,7.5c2.791,1.084,2.792-0.584,4.959,0c2.166,0.584,4.333,2.666,6.25,1.666c1.916-1,9.082-4.582,10.582-2.666s1.917,2.952,3.25,2.934c1.334-0.018,3.25,4.566,6.584,5.316c1-1-4.334-7.166-5.166-9c-0.834-1.834-2.667-9.5-4-12.166c-1.334-2.667,2.833-5,1.833-7.5s4.167-14.167,5.5-16.5C395.584,383.167,394,382,392.75,382.316z"/>
            <path id="jpjsmap_15" class="ishikawa" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M254.5,412.166c3.333,1.668,2.999-0.667,4.667,0c1.667,0.668,5.167,3,7.167,2.334c2-4.334,3.666-6.001,1.333-9.834c-2.333-3.832,1.667-6.5,0.333-9.5s1.886-6.332,1.443-8.666c-0.443-2.334,1.058-9.333,6.891-7.666c-1-1.334-0.5-0.668-0.5-3.5c0-2.834-2.167-1.334-4.5-1.834s0.833-2.334-0.167-3.998c-1-1.664,1.167-1.336,2.5,0c1.333,1.336,3-0.168,4.333-2.336c1.333-2.167,2.167,1,4.167-1.666s-0.333-2.834-0.333-4.666c0-1.834,3.667-0.334,3.833-2.334c0.167-2-2.167-2.5-3.5-1.5c-1.333,1-6,0.834-6.833,3s-5.667-0.334-6.333,1.666s-3.5,3-3.667,5s-2,4.168-0.667,5C265.999,372.499,266,375,267,379.5s-3.833,7.834-4,11.5s-9.333,10.166-9.667,11.666c-0.178,0.8-2.058,1.978-3.802,3.131C253.333,407.166,251.166,410.499,254.5,412.166z"/>
            <path id="jpjsmap_16" class="iwate" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M435.5,259.167c0.833-4-7-10.5-5.333-13.333c1.667-2.833-2.501-7.833-3.834-11.5c-3.542-0.416-4.458,4.917-6.333,4.137s-3.875,1.53-5.625,0.28s-6.875,2-7,3.625s-2.875,3-5.375,1.625c-1.625,1.125-4.125,6.75-2.875,10.5s-2.875,3.875-1.125,5.875s-2.25,2.5-0.125,6s-3.5,5.5-2.625,7.25s-2.625,3.25-1.5,7.125s3.875,4.25,3,6.625s1.5,8.125-0.25,10.125c4.875-0.875,5.375,3.588,8.75,3.294c3.375-0.294,1.75,1.581,3.75,3.706s3.25-2.25,5.75-1s4.375-0.625,4.25-3.375s-1.541-7.458,6.667-2.792c3.167-2.833,4.5-6.833,6.333-9.833s0.5-7.333,3.563-8.167c3.061-0.833,1.938-8.5,0-10.333C433.624,267.167,434.667,263.167,435.5,259.167z"/>
            <path id="jpjsmap_17" class="kagawa" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M181.563,478.625c-0.438-1.063,1.25-3.063,2.563-2.625c1.326,0.441,0.813-1.313,2.125-1.063s2.688-0.945,2.75,1.09c0.063,2.035-0.688,4.473-1.438,3.16s-2.25,0.625-2.688-0.5S182,479.688,181.563,478.625z M167.25,496.5c2.25-0.375,1.75-3.5,3.75-3.25s3.709-2,4.667-0.5c0.958,1.5,3.691-1.789,5.825-0.52c2.133,1.27,1.814-4.23,4.661-2.48c2.847,1.75,6.472,0.208,7.097-2.084c-1.917,0-7.25-1.5-7.333-3.5c-0.083-2-2.316-1.065-3.334-2.082c-1.166-1.166-4.833,0.249-7.25,0c-2.416-0.25-2.333,1.832-4.583,2.832s-3.5,3.083-5.417,2.333c-1.916-0.75-0.75,1,0.25,2s0,2.584-1.833,5.834C165,495.75,166.5,495,167.25,496.5z"/>
            <path id="jpjsmap_18" class="kagoshima" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M85.834,594.167c-3.667-1-1.667,0.5-3.334,1.5s3,3,1.5,4s1.834,1-0.166,2.833s-3.334,0-3.334,1.5s-2.834,4.167-4.834,4.167s-5.499,3.832-5.833,2.166c-0.334-1.666,2.833-2.5,2.833-5.333s2.5-1.499,1.334-5.833s-0.875-3.917-2.25-4.542s-1.125-1.625-1.125-2.5S71.5,590,72.375,590s0.5-2.875,1.375-2.875s-0.25-2.5-1.375-2.375s-1.132-1.375-2.566-0.875c-1.434,0.5-2.184,2.875-1.059,3.375s2.75,0.5,2.375,1.5s0.125,2.5-1.25,2.125s-3.125-2-3.5-0.75S64.25,593.25,64.75,595s1.5,6.125,3.375,6.125s1.875,0.375,0.75,2.25s-4.179,3.125-4.214,1.25c-0.036-1.875-2.536-3.125-6.786-2.625s-3.625-1.125-3.25-2.875s-2.75-2.5-2.125-3.5s3.25,1.375,4.5,0s2.625-8.625,1.125-9.875s-6.25-2.5-4-6.125s0.042-6.292-0.458-8.458s-3.5-2.666-3-4.166s3.334-1.666,3.667-1c0.333,0.666,2.833,4.5,4.5,2.833c3.583,2.959,7.667-1.084,8.542-1.959s1.875,2.25,3.875,2.875c-1.125,2.375,2,2.5,2.125,4s2.875,1.625,3.5,3.25s-1.75,3.375,0.875,4.25s3.25,1.125,3.25,3.375s5.75,1.125,6,4.375S85.417,592.084,85.834,594.167z M80.834,620.416c0.417,1.5-2.641,3.492-2.084,5.5c0.416,1.5,0.25,2.334-1.5,3.917s-1,2.75-1.666,4.833c-0.667,2.083,0.333,2,2.25,0.75c1.917-1.25,2.25-1.666,1.583-2.666c-0.667-1,1.5-4.834,2.417-6c0.917-1.166,1.333-5.25,1.333-7.917S80.416,618.916,80.834,620.416z M65.75,632.417c-3.299-1.441-2.917,1.833-4.833,1.916s0.25,3.417,0.833,5.084s2,1.083,3.584,1.083c1.583,0,3.25-1.75,4.25-4.196S67.473,633.17,65.75,632.417z"/>
            <path id="jpjsmap_19" class="kanagawa" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M357.25,432c-2.75-1.875-1.25,3.5-3.25,4.125s-3.375-3.25-5.081-3c-1.705,0.25-0.794-2.625-5.919-2.875c0.375,3.625,0.5,6.75-1.25,6.75s-4.625,2.5-5.25,4.375c3.625,0.5,3.875,2.375,2.25,4.375s1.166,2.625,0.958,3.875c-0.208,1.25,1.834,0.667,3.626,2.209c0.666-2,1.832-5.668,6.666-6.5c4.834-0.834,8.666,1,8.5,4.832c-0.166,3.833,1.334,3.168,3.834,0.168S362,446.666,361,446.166s-1.834-5-1.334-6.832c0.5-1.834,5.168-1.668,4.168-3.834C361.292,436.875,360,433.875,357.25,432z"/>
            <path id="jpjsmap_20" class="kochi" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M182.75,510.75c1.125-1.625,0.25-2.25-2.375-2.25s1.117-3.625-3-5.375c-1.801-0.766-2.75,4.042-5.242,0c-0.89-1.443-4.633-0.5-4.883-2.125c-4.625-0.125-3.5,2-6.75,2s-4.342,1.625-5.733,0.75s-1.017,0.572-2.267,0.724c-1.25,0.151-2.875,5.901-4.625,5.776s0.5,8-3.625,7s-5.75-0.75-4,2.25s3.125,4.125,0.375,4.75s-3,0.75-3,2.625s-1.797,4-2.836,2.75c-1.039-1.25-2.539-1.125-1.539,0.375s2.542,6.332,0.833,8.416c2.584,1-1.583,3.25-0.917,4.834c0.666,1.584,1.917-0.917,3.667,1.083s2-0.667,4.167-0.917s1.25,0.417,3.167,2c1.916,1.583,1.833-2.166,0-3c-1.834-0.834,1.501-3.416,1.001-4.499s1-3.833,2.166-3.417c1.167,0.416,0.917-1.5,1.584-2.083c0.667-0.583,0.916-2.333,2.416-3.667s1.834-4.666,1.334-5.5s2.25-2.666,4.583-3.416s4.417-3.25,8.583-5c4.167-1.75,6.083,0.999,7.667,1.083c1.583,0.084,2.333,2.833,4,3.333c1.666,0.5,1.916,2.083,4.333,4.75c2.417,2.667,2.083,0.75,1.833-2.583s2.584-5.5,3.917-7.834C182.542,514.666,181.625,512.375,182.75,510.75z"/>
            <path id="jpjsmap_21" class="kumamoto" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M58.833,568.834c1.667-1.667,2.5-6.667,4.833-8.167s0.834-6.332,3.167-7.666c2.333-1.334,1.833-3,0.166-3s-4.833,0.166-2.5-1.667c2.334-1.833,4.333-4.001,2.666-5.167c-1.666-1.166-3-1.666-3-3.666s-5.667-0.666-4-3c6.667-0.749,3.083-3.251,5.208-4.822s3.625,0.196,4.25-2.178c0.625-2.374,3.75,2.624,5.625,2.146c2.625,2.854,4.25,3.354,5.625,1.479s-2.875-3.875,0-5.125s4.125,1.736,4.375,3.118c0.25,1.382,3.75,3.259,3.5,5.383c-0.25,2.124-1,2.749,2.125,4.999c-2.75,0-2,4.104-3.375,4.302c-1.375,0.198,0.529,1.823-1.235,2.073c-1.765,0.25-0.765,4.125-2.89,4s-4.625,2.5-1.5,5.375s3.25,4.375,1.5,5.125s1.75,2.375,0.5,4.625s-2.445-2-3.473,0c-1.027,2-3.027,1.125-3.777,2s-3.375,1.375-5.375,0.75s-3-3.75-3.875-2.875S62.417,571.793,58.833,568.834z M60.417,553.5c-0.417-0.833-3.917,1.583-4.917,2.583s-0.623-0.973-1.083-2.583c-0.5-1.75-3.083,0.583-4.583,1.25s-2.5,6.667-1.833,7.333s-0.75,3.334,0.583,3.917s3.75-2.333,4.333-4.083s1.833-0.167,2.417-0.584S54.917,558.667,55,557.5s4.583,1.417,5.583,1.417s1.833-4,2.583-4.667s1.083-2.75,0-3.25s-1.917-0.167-1.583,1.417S60.833,554.333,60.417,553.5z"/>
            <path id="jpjsmap_22" class="kyoto" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M206.5,436.193c1.666,1.973,4.333-3.307,4.333,0c0,3.307,1.334,4.223,0,5.182c-1.333,0.959-3.833-1.959-3.833,1.25s1.833,2.918,3.833,3.979s4.499-1,4.833,1.447c0.334,2.448,3.853,1.782,5.426,3.782c1.574,2-1.926,3.999,0.407,5.332c1.833-0.333,3.333,0.168,4.166,2.168c0.833,2,3.667,1,5.834,3.166c2.166,2.166-0.667,2.834,0.871,4.834c4.463-0.5,3.963,2.622,5.629,1.226c1.666-1.395,3.833,1.274,6-0.06c-1-1-1.334-2.166-0.929-3.166s-6.238-6-5.405-9.5c0.833-3.5-1-5.834-0.333-7.782c0.667-1.947-2.667-3.386-2.333-5.427c-3.375,1.875-2.875-0.25-5,0s-4-0.625-3.625-2s-2.125-2.375-0.682-4.43c-0.704-0.585,0.634-1.118-0.443-2.195c-1.75-1.75-5,2.5-8.5,1.5s4.75-6.75,0.75-8.75s-7.5,6.5-11,5C204.333,434,204.833,434.22,206.5,436.193z"/>
            <path id="jpjsmap_23" class="mie" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M258,448c-1.333,0-1.667,0.666-3.167,0c-1.833,1.834,2,5.834,1.333,6.666c-0.667,0.833-1.167,4.5-2.333,6c-1.166,1.5-3.167,3-6.333,1.668c-3.167-1.334-1.834,3-4.429,3c-0.405,1-0.071,2.166,0.929,3.166s-3.167,4.167,0,5.334c3.166,1.166,6.397,1.833,5.532,4c-0.865,2.166-5.532,0.833-5.532,2.5c0,1.666,2.667,3.833,1.833,4.5c-0.833,0.666,0.833,8.832-1.333,9.832c-2.167,1-1.667,4.5-3.5,4.5c-1.834,0-2.167,1-3,2.167c-0.834,1.167,1.833,2.667,1.5,4.167c-0.334,1.5,1.333,1.001,3.166,1.667c2.833-2.667,3.167-6.667,6-8.333c2.833-1.667,0.667-5.5,2.834-6.667c2.166-1.167-0.5-4,1.833-3.5c2.334,0.5,4.5-3,7.833-2.325c3.333,0.676,4.333-2.675,5.833-0.675s4.333-1,3.167-1.833c-1.167-0.834-0.167-2.5,1.167-2.834s0.667-4-1.667-3.166c-2.333,0.833-3.667-4.167-7.833-5c-4.167-0.834-4-5.5-0.667-8.334c3.333-2.834,1.5-7,4.833-8.666c-1.333-1.167-1.167-2.5-1.833-4C261.5,451.666,259.333,448,258,448z"/>
            <path id="jpjsmap_24" class="miyagi" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M419,300.125c0.125,2.75-1.75,4.625-4.25,3.375s-3.75,3.125-5.75,1s-0.375-4-3.75-3.706c-3.375,0.294-3.875-4.169-8.75-3.294c-1.75,2-4.25,3.875-7.375,3.125c0.125,2.5,3.625,3.5,2.5,5s-0.125,2.25-0.625,4s-2.125-0.5-1.875,2.75s2.446,3.875,1.348,6.125c-1.098,2.25-4.598,6.25-4.098,8.375s-2,4.25-2,5.625s-4.625,0.625-4.625,5.5c3.375,2.625,6.125-1.875,7,1.375s6.125-0.625,6.625,3.125s6.125,3.5,6,1.125s0.792-3.166,1.959-2.958c-1.667-6.667,2.166-12.667,4.832-15.35c2.667-2.683-1.5-2.484,0.5-4.484s4,1.167,4.668-1.333c0.666-2.5,2.332,1.5,7.832,5s2-5.167,0.334-8.5s1.666-5.667,2.334-10c0.666-4.333,0.666-5.833,3.833-8.667C417.459,292.667,418.875,297.375,419,300.125z"/>
            <path id="jpjsmap_25" class="miyazaki" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M100.75,544c-1.5-0.375-2.75,0.5-4-1.875S94,543.75,90.875,541.5c-2.75,0-2,4.104-3.375,4.302c-1.375,0.198,0.529,1.823-1.235,2.073c-1.765,0.25-0.765,4.125-2.89,4s-4.625,2.5-1.5,5.375s3.25,4.375,1.5,5.125s1.75,2.375,0.5,4.625s-2.445-2-3.473,0c-1.027,2-3.027,1.125-3.777,2s-3.375,1.375-5.375,0.75c-1.125,2.375,2,2.5,2.125,4s2.875,1.625,3.5,3.25s-1.75,3.375,0.875,4.25s3.25,1.125,3.25,3.375s5.75,1.125,6,4.375s-1.583,3.084-1.166,5.167c3.667,1,2.833,3.166,4.5,3.166c1.667,0,2.416-5.333,2.166-7.333s3.75-6.75,2.25-9.5s2.25-6,1.5-8.5s2.25-3.125,2.5-5s2.875-4.25,2-7.5s2.875-4.5,1.625-7s3-3.375,3-4.5s3.125-3.75,4.25-4.5C105.25,539,102.25,544.375,100.75,544z"/>
            <path id="jpjsmap_26" class="nagano" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M314.375,435.125c-1.5-2.75-3.5-3.875-1.75-6.125s-1.625-0.805,0.5-4.402c2.125-3.598,1.932-0.473,3.341-2.348s2.784-2.359,3.909-2.055c1.125,0.305,1.75,2.055,3,0.93s3.875,2.75,7,0.125c-0.875-1.125,0.125-2.125-0.875-3.125s-1.125-6.75-2.875-8.5s1.125-3.25,0.875-6.75s-2.125,1.625-7.277-1.875c-5.152-3.5,0.402-3.75,0.027-6.25s3.25-2.375,3.125-4.375s3.375-1.875,5.875-2.625c1.084-6.916-3.25-2.992-4.162-9.17c-0.576-3.9-6.088-1.58-7.067,0.795c-0.979,2.375-1.686,0.791-1.555,2.941c0.132,2.149-2.632,0.518-3.367,1.469c-0.734,0.953-2.265-0.451-3.265,0.973S306,385.334,307.666,383c1.667-2.334-0.832-1.666-3.666-2.125s-0.666,2.125-2.5,2.959c-1.833,0.833-0.5,2.166-2.75,2.916c2,2.25-0.417,5.75-0.75,8.084c-0.333,2.332-3.583,4.832-2.875,9.332s-4.292,3.667-2.792,8c1.5,4.334-1.333,11.001-3.833,9.668c-2.5-1.334-4,3-1.5,4.166s4.499,3.666,4.667,6c0.167,2.334,4,4.667,3.333,8.334c-0.667,3.666-0.25,4.541-2.375,6.27c0.708,3.73,5.292-0.939,8.5,2.896c2.875-4.25,5.625-4.125,6.5-5s3-2.875,5.75-1.875C316.125,439.75,315.875,437.875,314.375,435.125z"/>
            <path id="jpjsmap_27" class="nagasaki" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M56.333,536.334c-0.167,3-4,1.833-3.167,3.5s4.167-0.667,5.5,1.333s2.167,4.166,0.667,6.5s-5.667,3.333-6.833,1.5s3.167-3.833,1.333-5.333s-2.5,1-4,0.5s-1.834,1.333-3.667,1.833s-3.5,6.834-5.167,6.167s2.333-2.499,1.167-5.833c-1.167-3.334-2.667-4.333-4-6.5c-1.333-2.167-4.833-0.168-2.5-4.334s3.167-3.667,3.833-1s2.5,0.5,2.5,3s2.167,2.334,4.167,2.667s2-3.334,0.833-4.667s-6-2.999-6.333-4.666c-0.333-1.667-6.065-3.167-5.783-6.167s2.117-5,2.95-3s2.167,0,3.667,1c-1,1.916,1.5,2.416,0.75,3.791s6,2.125,4.5,3.5s0.037,2.452,1.04,3.5C52.375,538.416,55.292,535.918,56.333,536.334z M23.125,492.75c2.125-0.75,2.5-4.125,5.125-8s-0.375-6.25,0.5-7s3.5-8.875,1.625-8.875s-1.358,3.6-3.25,2.375c-2.125-1.375-1,4.125-2.375,6.25s1.5,3.25,0.75,5.625s-2.375-1.375-3.25,1.375S21,493.5,23.125,492.75z M40.167,507c1.5-1.5,0.259-4.966-1.167-4.917c-2.417,0.083-3.083,2.834-2.167,4.417S38.667,508.5,40.167,507z M29.25,523.5c-0.167,1.584-2.75,3.75-2.417,4.75s1.667,0.083,4.083-1.5s-0.25-2.667,1.25-3.5s1.048-1.63-0.75-2C30.335,521.027,29.417,521.916,29.25,523.5z M19.417,535.666c-1.167,0.583,0.619-4.372-0.5-4c-1.25,0.416-1.917,5.167-2.417,6.834s-2.833,1-4.333,0.666c-1.5-0.334-2.583,1.084-1.75,2.084s-0.75,1.916,0.333,2.583s2.25-0.667,2.583-1.5s2.833-2.417,3.583-1.583s1.833,0,2-0.75s0.417-1.584,1.833-2.834S20.583,535.083,19.417,535.666z M10.127,544.916c-0.373-2.084-1.985,0.732-3.127,0c-3.25-2.084-2.5,1-2.083,2.914c0.417,1.914-2.833,1.336-1.25,3.086c1.583,1.75,3.167-0.416,4.167,0.5c1,0.916,1.583-0.333,1-1.75c-0.583-1.417,1.167-0.5,2.833-0.5S10.5,547,10.127,544.916z"/>
            <path id="jpjsmap_28" class="nara" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M238,468.56c-1.667,1.396-1.167-1.726-5.629-1.226c1.537,2-2.704,3.832-0.871,7.478c1.833,3.647-0.167,5.188-0.667,6.804c-0.5,1.616-0.333,3.05,1.537,3.55c1.871,0.5-0.204,2.834-1.871,2.834c-1.667,0,0.666,2.834-2.5,3.834c-3.167,1,0.5,3.666,1.666,5c1.167,1.333-1.333,2.666,0,4.354c1.333,1.689,2.334-0.354,3.834,0.145s2.333-0.499,4.5,0c0.833-1.167,1.166-2.167,3-2.167c1.833,0,1.333-3.5,3.5-4.5c2.166-1,0.5-9.166,1.333-9.832c0.834-0.667-1.833-2.834-1.833-4.5c0-1.667,4.666-0.334,5.532-2.5c0.865-2.167-2.365-2.834-5.532-4c-3.167-1.167,1-4.334,0-5.334C241.833,469.834,239.666,467.166,238,468.56z"/>
            <path id="jpjsmap_29" class="niigata" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M298.75,386.75c-2-2.25-0.25-6-3.625-9.125c2.125,0.125,4.5-2.125,7.5-2.5s2.125-1.875,4.75-2.125s1.001-2.324,7.5-2.5c4.625-0.125,5-7.25,9.25-8.25s2.375-6.875,4.375-7.25s3-13.75,13.125-15.75s11.542-9.75,11.542-12.916c0-3.168,0-10.001,2.5-12.501c2.542,0.583,3.208,1.792,5.333,2.667s-0.125,3,1.875,5s4.875,1.5,5.625,2.734c0.75,1.233-2.5,4.641-4.75,4.516s-3.125,0.75-2.75,2.25s0.625,4.25-1.5,7.5s1.125,5,3.125,5.125c-1.625,4.375-5.375,6-5.625,8.5s1.834,6.75-1.333,5.5c-3.167-1.25-3.292,2.875-6.292,2.25s-0.875,4.375-3.125,6s0.625,4.75,0,6.5s2.5,5,1.125,7s-4.5-6-5.625-2.875s-4.125,0.65-3.875,3.2s-4.375,3.175-4.375,5.175s-1.75,2.125-4.25,2.875c1.084-6.916-3.25-2.992-4.162-9.17c-0.576-3.9-6.088-1.58-7.067,0.795c-0.979,2.375-1.686,0.791-1.555,2.941c0.132,2.149-2.632,0.518-3.367,1.469c-0.734,0.953-2.265-0.451-3.265,0.973S306,385.334,307.666,383c1.667-2.334-0.832-1.666-3.666-2.125s-0.666,2.125-2.5,2.959C299.667,384.667,301,386,298.75,386.75z M317,344.084c1.084,0.75,3.334-2.918,4.584-2.918s0.666-3.332,2-3.916c1.332-0.584,2.583-4.334,0-3.75c-2.584,0.584-3.335,1.499-3.168-0.584c0.168-2.082,3.834-4.917,2.084-9.749c-0.658-1.817-1,3.5-3.5,4.418c-2.5,0.916-3.001,3.083-4.584,5.25c-1.582,2.166-0.082,6,0.668,4.75s3.415,0.332,2.082,1.332c-1.332,1-1.833,1.751-1.5,2.668c0.334,0.916-3.083,1.75-2.5,3C313.75,345.834,315.916,343.334,317,344.084z"/>
            <path id="jpjsmap_30" class="oita" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M82.875,515.5c-2.875-0.875-6.875,0.75-6.25,3.125s-2.5,1.369-1.125,4.497c1.375,3.128-2.082,2.378-0.354,3.753s1.979,4.293,0.104,4.771c2.625,2.854,4.25,3.354,5.625,1.479s-2.875-3.875,0-5.125s4.125,1.736,4.375,3.118c0.25,1.382,3.75,3.259,3.5,5.383c-0.25,2.124-1,2.749,2.125,4.999s4.625-1.75,5.875,0.625s2.5,1.5,4,1.875s4.5-5,8.875-0.5c1.125-0.75,2.75-0.875,3-3.5s-2.75-2.5-2.125-5.75s-4.375-4.75-2.75-5.875s-1.25-3.5-3.125-2.615c-1.875,0.885-2.125-0.26-6-0.01s-2.5-4.625-0.75-3.875s5.125-1.875,6.5-3.375s-0.25-5.875-2.625-8.75s-5.25-1.125-6.375,1.75s-4.5,0.75-9.125,0.625C86.375,515.5,85.75,516.375,82.875,515.5z"/>
            <path id="jpjsmap_31" class="okayama" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M186.5,459.334c-1.334-2,1.5-3.834,2.992-6.167c1.492-2.333,0.175-1.5,0.008-3.667c-3-1.166-3.501,1.249-6.334,1.208c-2.833-0.041,0.5-3.041-2.666-5.374c-3.167-2.334-6.833,5.832-9.167,2.666c-2.333-3.166-8.833-4.625-8-1.396c0.833,3.23-3.667,0.978-3.667,4.104s-4.333,1.958-4.833,3.792s2,3.666,1,6s3.603,4.224,2.385,6.778c-1.218,2.556,1.948,6.388,1.282,11.888c1.916,0.25,4.5-0.582,4.833-1.5c0.334-0.917,3.25-2.332,3.417-1c0.166,1.333,0.833,0.75,1.666,1.75c0.833,1,2.5-0.832,3.5,0.084s2.25-0.166,3.464,0.416c1.214,0.583,1.369-1.25,0.286-1.832c-1.083-0.584,1.25-1.918,1.417-2.5c0.167-0.584,0.667-1.668,1.417-1.168s4.5-1.25,4.083-2.416c-0.416-1.166,0.667-0.834,1.083-1.666c0.417-0.834,2.917-1.334,4-1.168C184.999,463.166,187.833,461.334,186.5,459.334z"/>
            <path id="jpjsmap_32" class="okinawa" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M491.334,533.418c0.666,2,1.166,2.917-0.334,3.5c-1.5,0.583-4.25,4.584-5.833,4.5c-1.583-0.084-2.583,2.083-1.75,2.583c0.833,0.5-1.917,2.166-2.833,3.833c-0.917,1.667-2.834,4.084-4.584,3.084s1-1-0.75-3.167c-1.75-2.167-1-2.833,0-2.583s1.5-0.75-0.333-1.75c-1.833-1-1-3,0.75-2.917c1.75,0.083,11.677-5.155,12.583-6.167C489.197,533.277,490.667,531.418,491.334,533.418z M498.667,541.251c2.667,1.5,3.917-2.583,3.5-3C501.75,537.834,496.51,540.038,498.667,541.251z M466.334,555.751c-2.084,0-0.334,3.333-0.834,4.5c-0.5,1.167-1.416,1.75,0.667,3.583c2.083,1.833,3.74-3.735,2.917-4.25C467.75,558.751,468.417,555.751,466.334,555.751z M455.75,573.668c-1.334,0.084-3.669,0.548-2.166,1.75c1.25,1,2.582,1.416,3.916-0.875C458.834,572.252,457.084,573.584,455.75,573.668z M450.416,585.667c-1.5-0.25-1.832,1.25-0.416,2.25S451.402,585.831,450.416,585.667z M440.834,598.583c-0.417,1.083-2.167,2.5-3.667,2.417s-0.579-1.244-2.5-2.417c-1.436-0.877-2,0.167-2.083,2c-0.084,1.833,2.166,1.917,2.416,2.917s-4.416,4.916-7.083,5.333c-2.667,0.417,2.25,5.667-1.833,6.417c-1.894,0.348,0,3.083-0.584,5.75s2.5-0.917,4.334-0.917c1.833,0,1.833-2.583,0.333-2.583s-0.583-2.667,1.435-3.25c2.017-0.583,1.398-3.167,0.482-3.917c-0.917-0.75-0.584-2.333,1.5-1.417c2.083,0.916,1.083-2.5,2.5-2.333c1.416,0.167,2-2,3.583-1.5c1.583,0.5,1.833-3.167,3.083-2.917s1.834-0.083,3.084-2.416s1-3.25,0-5.917S441.25,597.5,440.834,598.583z"/>
            <path id="jpjsmap_33" class="osaka" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M220.166,484.166c2.334,0.668,4.834-3,5.834-1.666s3.667-1.602,4.833-0.884c0.5-1.616,2.5-3.157,0.667-6.804c-1.834-3.647,2.408-5.478,0.871-7.478c-1.537-2,1.296-2.668-0.871-4.834c-2.167-2.166-5.001-1.166-5.834-3.166c-0.833-2-2.333-2.501-4.166-2.168c-1.834,0.334,3.167,3.333,2.333,4.5C223,462.834,226,466.5,223.5,469.334c2.333,1.833,0.166,5-1,9.333c-1.167,4.333-8.334,3.5-9.834,6.167C215.666,486.334,217.833,483.499,220.166,484.166z"/>
            <path id="jpjsmap_34" class="saga" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M62.75,524.125c0.5-1.5,3.5-2.125,3.125-4.42c-0.375-2.295-2.125-1.955-3,0c-0.875,1.955-3.125-0.33-5.5-2.372s-3.875,2.042-7.375,0c-1.667,2.333-3.667-2.999-6-2.666s-1.833,3.167-0.667,4.334c1.167,1.167-0.333,4.833-1.833,3.833c-1,1.916,1.5,2.416,0.75,3.791s6,2.125,4.5,3.5s0.037,2.452,1.04,3.5c4.585,4.791,7.502,2.293,8.544,2.709c0.167-3-1.833-1.333-3.167-2.833s-1.167-2,0.167-2.667s1.167-2.667,2-3.5s2.167,1,4.167,2.167C59.25,526.127,62.25,525.625,62.75,524.125z"/>
            <path id="jpjsmap_35" class="saitama" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M360.5,409.25c-0.625,1.75-2.375-0.625-4.125,0.25s-5.536-1.875-7.456-1.875c-1.919,0-5.919-3-6.919-0.75s-0.375,5.125-2.5,5.5s-1.783,0.818-3.5,1.875c-2.142,1.317-5.25,1.75-6.5,3.875c1,1,0,2,0.875,3.125s5.625,4,6.875,2.25s5.125-1.5,6.25-0.125s5.375-0.125,6.75,2.25s6.125-0.125,7.25,1.5s3.125-2.375,4.25-1s3.625-1.125,5.625-0.125s0.625-2.875,0-4.25s-3.875-4.75-3.25-7.5s-0.375-4.5,0.625-6.375C363.75,407,361.625,409.875,360.5,409.25z"/>
            <path id="jpjsmap_36" class="shiga" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M255.666,440.334C255.333,437,252,436.666,252,435s-1.334-2.264-0.834-3.632c-2.166-1.034-4.833-2.868-4,0.632c0.834,3.5-2.667,2.22-3,4.193c-0.333,1.973-3.5-0.026-4.666,2.141c-1.167,2.166-4.167,2.25-4.5,4.291c-0.334,2.041,3,3.479,2.333,5.427c-0.667,1.948,1.166,4.282,0.333,7.782c-0.833,3.5,5.81,8.5,5.405,9.5c2.595,0,1.262-4.334,4.429-3c3.166,1.332,5.167-0.168,6.333-1.668c1.167-1.5,1.666-5.167,2.333-6c0.667-0.832-3.166-4.832-1.333-6.666C253.333,447.334,255.999,443.667,255.666,440.334z"/>
            <path id="jpjsmap_37" class="shimane" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M103.5,470.334c5.166-0.5,10.833-7.668,11.666-9.168c0.834-1.5,11.584-13.666,16.334-13.916s-0.75-6,4.25-8.25s10.75-5.25,14-4.5s5.5-1.25,5.5,0.5s-2.75,3.75,0,4.25c1.083,3.584-2.72,2.902-1.113,5.208c3.049,4.376-4.294,2.375-3.049,4.542c1.246,2.167-2.465,3.666-1.443,5c-2.811-0.833-4.811,1.5-7.145,0.25s-4,4.584-5.5,4.584s-4.333,2.454-2.333,3.143c2,0.689,0.501,2.857-1.833,2.357c-2.333-0.5-3.501,2-5.167,1s-1.999,0.81-4.333,0.238c-2.333-0.572-6.5,2.095-6.167,4.262c0.334,2.166-1.771,3.124-1.219,4.978c0.552,1.854-1.281,1.688-1.114,3.188c-2.333-1.167-0.089,8.334-4.5,5.39c-1.439-0.96-1.333,1.277-4,0.777c-2.666-0.5,0.833-3.833-2.833-5.001C99.834,477.999,105,473.5,103.5,470.334z M154.375,411c3.625-0.5,3.198-4.381,1.75-5.875c-0.642-0.662-3.5-1.875-4.5,0.625S150.75,411.5,154.375,411z M149.125,415.125c1.375-1.75-0.087-3.473-3.125-3c-2.02,0.315-3.125,1.5-1.75,4S147.75,416.875,149.125,415.125z"/>
            <path id="jpjsmap_38" class="shizuoka" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M339.708,449.625c0.208-1.25-2.583-1.875-0.958-3.875s1.375-3.875-2.25-4.375c-0.625,1.875-3.5,0.25-4.375,0.75s-7.25-1.5-8.5,1.375s1.875,5.75-1.75,7s-2.625-6.625-5-5.625s-0.75-1.25-3.5-2.25s-4.875,1-5.75,1.875s-3.625,0.75-6.5,5s0.125,3.25-2.75,6.125s-1.625,3.125-3,4.625s-5.125,1.875-5.25,5.625s-0.917,2.792,0.042,4.959c4.333-1.334,11.833,1,12.499,0.166c0.667-0.834,5.5-0.333,7.5,0.834c2,1.166,3.5,3.166,4.168-1.667c0.666-4.833,3.332-3.5,3.332-6.833c0-3.334,5.5-3.167,5.668-6.5c0.166-3.334,7.5-6.334,9.5-2.834s-1.668,6.834-1,9c0.666,2.166-1,8,1.166,10s6-5,8.166-6.334c2.167-1.333,0-4.5,2.668-5c2.666-0.5,1-4.666-0.5-4.832c-1.5-0.167-0.668-3,0-5C341.542,450.292,339.5,450.875,339.708,449.625z"/>
            <path id="jpjsmap_39" class="tochigi" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M351.5,385.573c-1,1.552-4.625,6.552-0.25,7.427s3.25,2.5,2.375,3.875s-4.875,5.75-2.375,6.75s1.75,2.875,3.875,2.875s6,1,5.375,2.75c1.125,0.625,3.25-2.25,4.25-1.375c1-1.875,3.25-5.125,5.625-5.125s2.125-2.75,4.5-1.5s5.25-3.125,4.5-4.75s-2.125-6.125-0.75-6.625s1.118-2.854,0.871-4.302c-0.246-1.448,0.639-3.948,0.196-5.698c-0.442-1.75,0.058-3.625-1.942-4.125s-0.375-2.75-4.75-3.625s-7.5-1.375-7.75,0.625s-4.25,2.125-6.625,3.875s-4.625,1.5-6.625,4.25S352.5,384.021,351.5,385.573z"/>
            <path id="jpjsmap_40" class="tokushima" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M197.5,496.334c0.333-1.75-1.083-3.668,0.333-5.334c1.417-1.666,0.084-1.834,0.584-3.916c0.5-2.084-3.25,0.582-5.167,0.582c-0.625,2.292-4.25,3.834-7.097,2.084c-2.847-1.75-2.528,3.75-4.661,2.48c-2.133-1.27-4.867,2.02-5.825,0.52c-0.958-1.5-2.667,0.75-4.667,0.5s-1.5,2.875-3.75,3.25c0.75,1.5-0.25,2.875,0,4.5s3.994,0.682,4.883,2.125c2.492,4.042,3.441-0.766,5.242,0c4.117,1.75,0.375,5.375,3,5.375s3.5,0.625,2.375,2.25s-0.208,3.916,4.833,2.833c1.334-2.334,4.417-5.083,6.083-5.166c1.667-0.083,3.834-3.334,4.917-3.667c1.084-0.333,2.834-1.417,1.167-1.667s-0.417-2.083,0.583-3.167C201.333,498.833,197.167,498.084,197.5,496.334z"/>
            <path id="jpjsmap_41" class="tottori" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M154.137,444.458c3.049,4.376-4.294,2.375-3.049,4.542c1.246,2.167-2.465,3.666-1.443,5c2.811,0.833,3.022,0.334,5.189,0.5c0.5-1.834,4.833-0.666,4.833-3.792s4.5-0.874,3.667-4.104c-0.833-3.229,5.667-1.77,8,1.396c2.334,3.166,6-5,9.167-2.666c3.166,2.333-0.167,5.333,2.666,5.374c2.833,0.041,3.334-2.374,6.334-1.208c-0.167-2.167,2.166-2.5,3.5-2.896c1.333-0.395,0.833-4.27-1-6.804c-1.834-2.532-0.167-4.134-2.5-6.551c-0.75,1-7.25,4.5-10,4s-13.25,0.75-17-0.5s-4.5,3-7.25,2.5C156.333,442.834,152.53,442.152,154.137,444.458z"/>
            <path id="jpjsmap_42" class="toyama" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M269.443,386.5c0.443,2.334-2.776,5.666-1.443,8.666s-2.667,5.668-0.333,9.5c1.667-3.999,5.167-1.5,5.333,0c0.167,1.501,1.5,2.167,2.5,0c1-2.166,3.833-6.031,5.333-4.932s2.833-1.434,3.833,0c1,1.433,3-0.901,4.333,1.266s4.083-0.001,6.125,3.166c-0.708-4.5,2.542-7,2.875-9.332c0.333-2.334,2.75-5.834,0.75-8.084s-0.25-6-3.625-9.125c-2.125-0.125-2.625,2.25-5.625,1.75s-2.75,7.25-4.5,7.25s-4.125,0-5.625,0.375s-3.042-2-5.208-3.334c-2.167-1.333,3.167-3.5,2.167-4.832C270.5,377.167,269,384.166,269.443,386.5z"/>
            <path id="jpjsmap_43" class="tokyo" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M367.375,426c-2-1-4.5,1.5-5.625,0.125s-3.125,2.625-4.25,1s-5.875,0.875-7.25-1.5s-5.625-0.875-6.75-2.25s-5-1.625-6.25,0.125c2.75,3,0.625,6.5,5.75,6.75s4.214,3.125,5.919,2.875c1.706-0.25,3.081,3.625,5.081,3s0.5-6,3.25-4.125s4.042,4.875,6.584,3.5c-1-2.166,0.832-4.334,3.166-3.5C368.875,429.375,368,427.625,367.375,426z"/>
            <path id="jpjsmap_44" class="wakayama" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M239.5,505.5c0.333-1.5-2.334-3-1.5-4.167c-2.167-0.499-3,0.499-4.5,0s-2.501,1.544-3.834-0.145c-1.333-1.689,1.167-3.022,0-4.354c-1.166-1.334-4.833-4-1.666-5c3.166-1,0.833-3.834,2.5-3.834c1.666,0,3.741-2.334,1.871-2.834c-1.871-0.5-2.037-1.934-1.537-3.55c-1.166-0.718-3.833,2.218-4.833,0.884s-3.5,2.334-5.834,1.666c-2.333-0.667-4.5,2.168-7.5,0.668c-1.5,2.666,2.167,3.833,2.667,5.333s-2-0.667-3,1.5c-1,2.167,2.333,2.333,2.333,3.833s-2.833-0.5-3.333,3s2.333,0.667,2.333,2.334c0,1.666,8,6,7.167,8.5c-0.833,2.5,0.833,3.166,5.5,5.5C231,517.168,234.5,518,237.833,516c3.334-2,2-6.166,4.833-8.833C240.833,506.501,239.166,507,239.5,505.5z"/>
            <path id="jpjsmap_45" class="yamagata" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M362.875,321.5c2,2,4.875,1.5,5.625,2.734c0.75,1.233-2.5,4.641-4.75,4.516s-3.125,0.75-2.75,2.25s0.625,4.25-1.5,7.5s1.125,5,3.125,5.125s3.5,1.25,5.25,0.75s2.5,2.5,3.625,1.875s2.875,2.625,3.875,1.25s2.75,0.5,4.375-1.875s0-2.75,0-7.625s4.625-4.125,4.625-5.5s2.5-3.5,2-5.625s3-6.125,4.098-8.375c1.099-2.25-1.098-2.875-1.348-6.125s1.375-1,1.875-2.75s-0.5-2.5,0.625-4s-2.375-2.5-2.5-5C386,299.875,387,297.5,385,296.5s-2.25-3.125-4.875-2.5s-5.875-0.375-6.375-2.25s-4.5,0-6.25-0.75c0.166,2.833-0.333,3.833-2.333,6.167s-2.5,8.167-5.167,9.667s-1.833,4.5-4.333,7c2.542,0.583,3.208,1.792,5.333,2.667S360.875,319.5,362.875,321.5z"/>
            <path id="jpjsmap_46" class="yamaguchi" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M115.948,483.39c-1.886,0.223-0.948-3.89-1.114-5.39c-2.333-1.167-0.089,8.334-4.5,5.39c-1.439-0.96-1.333,1.277-4,0.777c-2.666-0.5,0.833-3.833-2.833-5.001c-3.666-1.167,1.5-5.666,0-8.832c-5.166,0.5-5.834,1.666-6,3.832c-0.166,2.167-3.166,2.168-2.666,3.834s-8.167,6.334-10.334,2.5s-5,1.834-7.666,2.666c-2.667,0.833,1.333,8.168-0.334,8.668s2,6.832,0.666,7.332C78.5,499.5,79.334,497,80.5,497.75c0-2.125,3.125-0.5,5.375,1s5.125-1.625,6.5-1s3-3.375,4.875-2.125s4.125,0,5.875-0.5s3-1.125,4.5,1.125s4.5,3.125,7.875,5s1.5-1.5,3.998,0c2.498,1.5,3.918-1.834,1.752-2.5c-2.167-0.666-0.667-1.166-1.5-2.834c-0.834-1.667,0.666-5.75,0.666-7C116.666,488.499,117.833,483.167,115.948,483.39z"/>
            <path id="jpjsmap_47" class="yamanashi" fill="#EBECED" stroke="#FFFFFF" vector-effect="non-scaling-stroke" d="M330.375,421.25c-3.125,2.625-5.75-1.25-7-0.125s-1.875-0.625-3-0.93c-1.125-0.305-2.5,0.18-3.909,2.055s-1.216-1.25-3.341,2.348c-2.125,3.598,1.25,2.152-0.5,4.402s0.25,3.375,1.75,6.125s1.75,4.625-1,7.5c2.75,1,1.125,3.25,3.5,2.25s1.375,6.875,5,5.625s0.5-4.125,1.75-7s7.625-0.875,8.5-1.375s3.75,1.125,4.375-0.75S340,437,341.75,437s1.625-3.125,1.25-6.75c-5.125-0.25-3-3.75-5.75-6.75C336,425.25,331.25,422.375,330.375,421.25z"/>
          </g>
          <text x="463" y="643" font-size="10" fill="#666" font-family="'Arial'">map by
            <a href="https://www.html5interactivemaps.com/" target="_blank" rel="noopener"><tspan fill="#0066cc">html5interactivemaps</tspan></a>
          </text>
          <g id="jpjsvisns">
            <text id="jpjsvn_1" class="aichi" transform="matrix(1 0 0 1 262.1 461)" font-size="12px">愛知県</text>
            <text id="jpjsvn_2" class="akita" transform="matrix(1 0 0 1 332.1 277)" font-size="12px">秋田県</text>
            <text id="jpjsvn_3" class="aomori" transform="matrix(1 0 0 1 380.1 231.5)" font-size="12px">青森県</text>
            <text id="jpjsvn_4" class="chiba" transform="matrix(1 0 0 1 387.1 446.5)" font-size="12px">千葉県</text>
            <text id="jpjsvn_5" class="ehime" transform="matrix(1 0 0 1 103.1 513.4)" font-size="12px">愛媛県</text>
            <text id="jpjsvn_6" class="fukui" transform="matrix(1 0 0 1 204.1 410.5)" font-size="12px">福井県</text>
            <text id="jpjsvn_7" class="fukuoka" transform="matrix(1 0 0 1 34.1 498.4)" font-size="12px">福岡県</text>
            <text id="jpjsvn_8" class="fukushima" transform="matrix(1 0 0 1 411.1 367.9)" font-size="12px">福島県</text>
            <text id="jpjsvn_9" class="gifu" transform="matrix(1 0 0 1 256.1 437.9)" font-size="12px">岐阜県</text>
            <text id="jpjsvn_10" class="gunma" transform="matrix(1 0 0 1 318.1 403.9)" font-size="12px">群馬県</text>
            <text id="jpjsvn_11" class="hiroshima" transform="matrix(1 0 0 1 119.1 479.6)" font-size="12px">広島県</text>
            <text id="jpjsvn_12" class="hokkaido" transform="matrix(1 0 0 1 443.1 112.5)" font-size="12px">北海道</text>
            <text id="jpjsvn_13" class="hyogo" transform="matrix(1 0 0 1 185.1 457)" font-size="12px">兵庫県</text>
            <text id="jpjsvn_14" class="ibaraki" transform="matrix(1 0 0 1 395.1 413)" font-size="12px">茨城県</text>
            <text id="jpjsvn_15" class="ishikawa" transform="matrix(1 0 0 1 220.1 388)" font-size="12px">石川県</text>
            <text id="jpjsvn_16" class="iwate" transform="matrix(1 0 0 1 440.1 269.1)" font-size="12px">岩手県</text>
            <text id="jpjsvn_17" class="kagawa" transform="matrix(1 0 0 1 157.1 491)" font-size="12px">香川県</text>
            <text id="jpjsvn_18" class="kagoshima" transform="matrix(1 0 0 1 19.1 623.5)" font-size="12px">鹿児島県</text>
            <text id="jpjsvn_19" class="kanagawa" transform="matrix(1 0 0 1 344.1 476.5)" font-size="12px">神奈川県</text>
            <text id="jpjsvn_20" class="kochi" transform="matrix(1 0 0 1 152.1 538.5)" font-size="12px">高知県</text>
            <text id="jpjsvn_21" class="kumamoto" transform="matrix(1 0 0 1 5.1 571.1)" font-size="12px">熊本県</text>
            <text id="jpjsvn_22" class="kyoto" transform="matrix(1 0 0 1 195.1 424)" font-size="12px">京都府</text>
            <text id="jpjsvn_23" class="mie" transform="matrix(1 0 0 1 259.1 503.5)" font-size="12px">三重県</text>
            <text id="jpjsvn_24" class="miyagi" transform="matrix(1 0 0 1 427.1 315.5)" font-size="12px">宮城県</text>
            <text id="jpjsvn_25" class="miyazaki" transform="matrix(1 0 0 1 101.1 580.5)" font-size="12px">宮崎県</text>
            <text id="jpjsvn_26" class="nagano" transform="matrix(1 0 0 1 291.1 418.6)" font-size="12px">長野県</text>
            <text id="jpjsvn_27" class="nagasaki" transform="matrix(1 0 0 1 13.1 551.5)" font-size="12px">長崎県</text>
            <text id="jpjsvn_28" class="nara" transform="matrix(1 0 0 1 219.1 495)" font-size="12px">奈良県</text>
            <text id="jpjsvn_29" class="niigata" transform="matrix(1 0 0 1 288.1 360)" font-size="12px">新潟県</text>
            <text id="jpjsvn_30" class="oita" transform="matrix(1 0 0 1 104.1 558)" font-size="12px">大分県</text>
            <text id="jpjsvn_31" class="okayama" transform="matrix(1 0 0 1 155.1 470)" font-size="12px">岡山県</text>
            <text id="jpjsvn_32" class="okinawa" transform="matrix(1 0 0 1 414.1 554)" font-size="12px">沖縄県</text>
            <text id="jpjsvn_33" class="osaka" transform="matrix(1 0 0 1 208.1 476.5)" font-size="12px">大阪府</text>
            <text id="jpjsvn_34" class="saga" transform="matrix(1 0 0 1 4.1 518.4)" font-size="12px">佐賀県</text>
            <text id="jpjsvn_35" class="saitama" transform="matrix(1 0 0 1 331.1 422.4)" font-size="12px">埼玉県</text>
            <text id="jpjsvn_36" class="shiga" transform="matrix(1 0 0 1 227.1 450.5)" font-size="12px">滋賀県</text>
            <text id="jpjsvn_37" class="shimane" transform="matrix(1 0 0 1 89.1 448.4)" font-size="12px">島根県</text>
            <text id="jpjsvn_38" class="shizuoka" transform="matrix(1 0 0 1 297.1 485.9)" font-size="12px">静岡県</text>
            <text id="jpjsvn_39" class="tochigi" transform="matrix(1 0 0 1 347.1 388.9)" font-size="12px">栃木県</text>
            <text id="jpjsvn_40" class="tokushima" transform="matrix(1 0 0 1 170.1 506.9)" font-size="12px">徳島県</text>
            <text id="jpjsvn_41" class="tottori" transform="matrix(1 0 0 1 150.1 430.6)" font-size="12px">鳥取県</text>
            <text id="jpjsvn_42" class="toyama" transform="matrix(1 0 0 1 265.1 397.6)" font-size="12px">富山県</text>
            <text id="jpjsvn_43" class="tokyo" transform="matrix(1 0 0 1 378.1 463.1)" font-size="12px">東京都</text>
            <text id="jpjsvn_44" class="wakayama" transform="matrix(1 0 0 1 213.1 532.1)" font-size="12px">和歌山県</text>
            <text id="jpjsvn_45" class="yamagata" transform="matrix(1 0 0 1 319.1 305)" font-size="12px">山形県</text>
            <text id="jpjsvn_46" class="yamaguchi" transform="matrix(1 0 0 1 49.1 476.1)" font-size="12px">山口県</text>
            <text id="jpjsvn_47" class="yamanashi" transform="matrix(1 0 0 1 308.1 439)" font-size="12px">山梨県</text>
          </g>
          <g>
            <polyline fill="none" stroke="#9CA8B6" stroke-miterlimit="10" points="596,46.021 596,47.225 593.217,47.225"/>
            <line fill="none" stroke="#9CA8B6" stroke-miterlimit="10" stroke-dasharray="6,6" x1="589.24" y1="47.225" x2="544.707" y2="47.225"/>
            <polyline fill="none" stroke="#9CA8B6" stroke-miterlimit="10" points="542.321,47.225 540.333,47.225 540.333,46.021"/>
            <line fill="none" stroke="#9CA8B6" stroke-miterlimit="10" stroke-dasharray="6,6" x1="540.333" y1="43.134" x2="540.333" y2="11.372"/>
            <polyline fill="none" stroke="#9CA8B6" stroke-miterlimit="10" points="540.333,10.409 540.333,8.725 542.321,8.725"/>
            <line fill="none" stroke="#9CA8B6" stroke-miterlimit="10" stroke-dasharray="6,6" x1="547.093" y1="8.725" x2="591.626" y2="8.725"/>
            <polyline fill="none" stroke="#9CA8B6" stroke-miterlimit="10" points="593.217,8.725 596,8.725 596,10.409"/>
            <line fill="none" stroke="#9CA8B6" stroke-miterlimit="10" stroke-dasharray="6,6" x1="596" y1="12.815" x2="596" y2="44.578"/>
            <polyline fill="none" stroke="#9CA8B6" stroke-miterlimit="10" points="507.159,624.774 507.159,628 501.758,628"/>
            <line fill="none" stroke="#9CA8B6" stroke-miterlimit="10" stroke-dasharray="6,6" x1="494.04" y1="628" x2="407.613" y2="628"/>
            <polyline fill="none" stroke="#9CA8B6" stroke-miterlimit="10" points="402.983,628 399.124,628 399.124,624.774"/>
            <line fill="none" stroke="#9CA8B6" stroke-miterlimit="10" stroke-dasharray="6,6" x1="399.124" y1="617.031" x2="399.124" y2="531.864"/>
            <polyline fill="none" stroke="#9CA8B6" stroke-miterlimit="10" points="399.124,529.285 399.124,524.769 402.983,524.769"/>
            <line fill="none" stroke="#9CA8B6" stroke-miterlimit="10" stroke-dasharray="6,6" x1="412.243" y1="524.769" x2="498.67" y2="524.769"/>
            <polyline fill="none" stroke="#9CA8B6" stroke-miterlimit="10" points="501.758,524.769 507.159,524.769 507.159,529.285"/>
            <line fill="none" stroke="#9CA8B6" stroke-miterlimit="10" stroke-dasharray="6,6" x1="507.159" y1="535.737" x2="507.159" y2="620.904"/>
          </g>
          <g id="jpjspins"></g>
        </svg>
      </div>
    </div>
    <div class="clear"></div>
    That's it :) If you encounter any issues or need assistance, feel free to contact us.

Installation on a WordPress Website (back to top)

The purchased files include an installable WordPress plugin file, 'jp-js-map.zip', for installing the map plugin on your WordPress website. Please follow the steps below:

  1. Log in to your WordPress admin page.
  2. Go to 'Plugins' > 'Add New Plugin'.
  3. Click 'Upload Plugin' then 'Choose File', select this zipped file 'jp-js-map.zip'.
  4. Click 'Install Now', then 'Activate Plugin'.

    Note: If you see the error message, "The package could not be installed. No valid plugins were found," it means that an incorrect file was uploaded. Please double-check Step 3 for guidance.

  5. In the left side bar you will see a new menu link for the map, click it to open the map dashboard and start the customization.

    6. Note: You can now insert the shortcode [jp_js_map] in any page to display the map. Be sure to place the shortcode in a 'Shortcode' block, not a 'Paragraph' block.

    That's it :) If you encounter any issues or need assistance, feel free to contact us.

Customizing the Map (back to top)

You can customize the colors, link, and hover information for each area through the included 'map-config.js' file (JavaScript knowledge is not required). Simply open the file using any code editor, such as Sublime Text or Notepad++, both of which are free to download and use.

Note: MS Word or MS Notepad will not work for editing this file.

Note: The WordPress Plugin version can be customized through the installed plugin dashboard.

The first section of the 'map-config.js' file allows you to customize the general map settings, including:

"borderColor": "#6B8B9E", // Borders Color "showNames": true, // true/false to Show/Hide the names "namesColor": "#666666", // Default Names Color "namesHoverColor": "#FFFFFF", // Names Hover Color

Each of the following sections can be used to customize the individual areas:

"hover": "AREA HOVER INFO.", // Info of the popup "url": "https://www.html5interactivemaps.com/", // Link to any webpage "target": "same_page", // Use "same_page", "new_page", or "none" "upColor": "#f3faff", // Default Color "overColor": "#005999", // Hover Color "active": true // true/false to set it as Active/Inactive

To get a hex color code (e.g., #FF0000) or add styled text in the hover popup (e.g., bold, italic, underline, color, or even add an image), you can use our Simple HTML Visual Editor.

How to Add, Remove, and Modify Pins? (back to top)

You can display an unlimited number of pins anywhere on the map by editing the 'pins-config.js' file, which can be found either in:

  1. WordPress Plugin Version:

    Log in to your WordPress admin page, then go to 'Tools' and click on 'Plugin File Editor'. From the dropdown menu in the top-right corner, select the map plugin and click 'Select' to display the map plugin files. Next, click on 'pins-config.js', make the required edits, and then click 'Update File' to save your changes.

  2. Standard JavaScript Version:

    Inside the 'jp-js-map' folder, you will find the 'pins-config.js' file. Open it using any code editor, such as Sublime Text or Notepad++, both of which are free to download and use.

    Note: MS Word or MS Notepad will not work for editing this file.

Customizing the Pins

​For your convenience, we’ve added a few pins representing major cities, but we’ve set the pin size to zero to keep them hidden. You can replace 0 with any value to display the pin.

You can add as many pins as you like by copying and pasting any of the existing pins. Then, make the necessary changes (e.g., position, size, link, hover info., etc).

For each pin, you can customize the following parameters:

"hover": "CITY PIN HOVER INFO", // Info of the popup "pos_X": 355, // Position on the X-Axis "pos_Y": 598, // Position on the Y-Axis "size": 30, // Size of the Pin in px "upColor": "#FF0000", // Default Color "overColor": "#FFCC00", // Hover Color "url": "https://www.html5interactivemaps.com/", // Link to any webpage "target": "same_page", // Use "same_page", "new_page", or "none" "active": true //true/false to set it as Active/Inactive

You can use our specially designed X, Y Coordinates Guide to obtain the pos_X / pos_Y values for the desired pin. Simply click anywhere on the map guide to get the values, then use them in the 'pins-config.js' file.

To get a hex color code (e.g., #FF0000) or add styled text in the hover popup (e.g., bold, italic, underline, color, or even add an image), you can use our Simple HTML Visual Editor.

Frequently Asked Questions and Answers (back to top)

Frequently asked questions and their answers:

The map automatically adjusts its size based on the screen or device. If you'd like to manually resize it to fit a specific page design, you can modify the 'height' values of '#jpjsmapbase svg' in the 'map-style.css' file.

You can send us the link to your website, and we’ll check the map and send you a modified version for no cost.

Most likely, there is an error in the script of the newly saved file that is causing the code to break. To identify the issue, press F12 in Google Chrome and check the error console.

If you're unable to find the error, feel free to contact us, and we'll assist you in resolving the issue. Alternatively, you can re-upload the default configuration files.

Most likely, the link to the 'map-style.css' file is missing or incorrect.

In some website templates, due to the arrangement of divs, the floating hover popup may be displaced from its intended position. To resolve this, we recommend cutting the <span id="jpjstip"></span> and pasting it immediately after the opening <body> tag of the page, like this:

<body>
<span id="jpjstip"></span>

This is likely a cache issue, either with your browser or the server. To resolve it, try clearing your browser cache or accessing the map from another browser or device. If the issue persists due to server cache, you can contact your hosting provider to clear the cache files. Typically, the cache will reset automatically after a certain period (e.g., 1 hour).

Alternatively, you can add a version number to the end of the JavaScript file to force the server to load the updated version, like this:
<script src="https://www.example.com/jp-js-map/map-config.js?v2"></script>
Notice the ?v2 added after the file name.

​For your convenience, we’ve added a few pins representing major cities, but we’ve set the pin size to zero to keep them hidden. You can replace 0 with any value to display the pin.

You should be able to see it when you hover over the 'Tools' tab in the left sidebar of the WordPress admin panel.

If you can't see the 'Plugin File Editor' option, it could be due to one of the following reasons:

  • By default, only administrators can access the "Plugin File Editor" in the WordPress dashboard. You can ask the Administrator to grant you access.
  • If you are the Administrator, you need to activate this option in the 'wp-config.php' file by changing
    define( 'DISALLOW_FILE_EDIT', true ); to define( 'DISALLOW_FILE_EDIT', false );.

Alternatively, you can download the 'pins-config.js' file to your computer, make the changes, and then re-upload it.

No, the map comes with preset areas. However, we offer a customization service to group or merge areas according to your requirements. If you're interested, please contact us for more details.

Alternatively, you can assign specific colors and hover information to individual areas, but each will still interact independently.

For websites hosted on platforms like Joomla, Wix, Weebly, Squarespace, and others, you can combine the code into an inline script and you may embed that in the page using their 'Embed Custom HTML' option if applicable.

If you need assistance, feel free to contact us, and we’d be happy to help you with the installation for no cost. There is no guarantee, as this is beyond our control. We may request the login credentials to your website for a quicker installation process.

We assume you have a basic understanding of working with websites, but we're always happy to provide assistance at no cost.

Yes, please contact us to discuss your requirements, and we will provide you with a quote.

We hope you find this information helpful. If you have any questions or need further assistance, please feel free to contact us.

Home | Contact Us | About Us | License | Refund Policy | Privacy Policy | Site Map
COPYRIGHT © All rights reserved to html5interactivemaps.com