JP  |   US  |   TW  |   World Edition (New!)

jsmap is a JavaScript widget to open a pop-up where you can easily find your state/prefecture.

Let's try! Click below

Address State:

How to do it?

Just use carsor to move and click your prefecture/state in the pop-up
or use allow keys: ↑↓ move & ←→ change regions


Download from here, then uncompress it and rename the directory from "jsmap09x" to "jsmap".

How to install jsmap to your page

Just 2 steps!

1. Load jsmap script in <head> section.

<script type="text/javascript" src="path/to/jsmap/map.js?locale=zh_tw&theme=simple"></script>

2. Add attributes to input fields. class and autocomplete are required. Confirm name and id have the same value.

<input type="text" name="sample" id="sample" value="台北市" autocomplete="off" class="jsmap" />


You can change jsmap appearance. (0.9.5~)

simple classic blue
translucent, minimalistic
opaque, Win-like
opaque, blue


ver 0.9.6: Taiwan map data added. Thanks, YuanYuan!

ver 0.9.5: Themes supported.

ver 0.9.3: Bug fix.

ver 0.9.2: Released under the APL2.

ver 0.8.1: US map data added.

ver 0.8: First release.


Licensed under the Apache License, Version 2.0. jsmap is free for both business and non-business, but we don't supply any support service.

about jsmap

jsmap will relieve your frustration of using scroll-typed selection for prefectures/states.

Contact us: kawamura (at)