jQuery

【jQuery】都道府県ごとにクリック可能な日本の地図を表示するJapan Map

February 18, 2017

Japan Mapは都道府県ごとにクリック可能な日本の地図を表示するjQueryプラグイン。

Installation

<script src="/path/to/jquery.japan-map.js"></script>

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Japan Map - EXAMPLE 1</title>
    <script src="/path/to/jquery.min.js"></script>
    <script src="/path/to/jquery.japan-map.min.js"></script>
    <script>
        $(function(){
            $("#map-container").japanMap({
                onSelect : function(data){
                    alert(data.name);
                }
            });
        });
    </script>
</head>
<body>
<div id="map-container"></div>
</body>
</html>

Usage

$(target).japanMap( options );

EXAMPLE

$(target).japanMap({
    onSelect : function(data){
        alert(data.name);     // "北海道" (Hokkaido) will be shown on dialog when you click Hokkaido Island.
    }
});

MIT

Demo/Download