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

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

jsmap095.zip

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=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" />

Themes

You can change jsmap appearance. (0.9.5~)

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

Versions

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.

License

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) cognitom.com