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: |
|---|
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".
Just 2 steps!
1. Load jsmap script in <head> section.
<script type="text/javascript" src="path/to/jsmap/map.js?locale=en_us&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="New York" autocomplete="off" class="jsmap" />
You can change jsmap appearance. (0.9.5~)
![]() |
![]() |
![]() |
| simple | classic | blue |
|---|---|---|
| translucent, minimalistic →sample |
opaque, Win-like →sample |
opaque, blue →sample |
ver 0.9.5: Themes supported.→download
ver 0.9.3: Bug fix.→download
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.
jsmap will relieve your frustration of using scroll-typed selection for prefectures/states.
Contact us: kawamura (at) cognitom.com