JavaScript\u3082\u3057\u304f\u306fjQuery\u3067\u65e5\u672c\u5730\u56f3\u3092\u8868\u793a\u3057\u3001\u90fd\u9053\u5e9c\u770c\u3084\u516b\u5730\u65b9\u533a\u5206(\u95a2\u6771\u3001\u95a2\u897f\u7b49)\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u5bfe\u5fdc\u3057\u305f\u30da\u30fc\u30b8\u306b\u9077\u79fb\u3055\u305b\u305f\u3044\u3002\u65b9\u6cd5\u3092\u8abf\u3079\u305f\u3068\u3053\u308dJapan Map\u3068\u3044\u3046jQuery\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u5229\u7528\u3059\u308b\u3053\u3068\u3067\u7c21\u5358\u306b\u5b9f\u88c5\u3067\u304d\u305d\u3046\u3002\u4ee5\u4e0b\u306b\u5b9f\u88c5\u65b9\u6cd5\u3092\u30e1\u30e2\u3002<\/p>\n
<\/p>\n
\u30ea\u30d5\u30a1\u30ec\u30f3\u30b9\u306e\u78ba\u8a8d\u3068\u30d7\u30e9\u30b0\u30a4\u30f3\u306e\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u306f\u4ee5\u4e0b\u30da\u30fc\u30b8\u304b\u3089\u884c\u3046\u3002<\/p>\n
http:\/\/takemaru-hirai.github.io\/japan-map\/<\/a><\/p>\n <\/p>\n https:\/\/taitan916.info\/sample\/japan-map\/<\/a><\/p>\n https:\/\/taitan916.info\/sample\/japan-map\/index2.html<\/a><\/p>\n https:\/\/taitan916.info\/sample\/japan-map\/index3.html<\/a><\/p>\n \u203b\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u306f\u3053\u308c\u3067\u6b63\u89e3\u306a\u306e\u304b\u3069\u3046\u304b\u306f\u4e0d\u660e\u306a\u306e\u3067\u5229\u7528\u306e\u969b\u306f\u81ea\u5df1\u8cac\u4efb\u3067\u3002<\/p>\n <\/p>\n \u300clink:\"xxxxxxxxx\"\u300d\u306e\u90e8\u5206\u3092\u5909\u66f4\u3059\u308b\u3053\u3068\u3067\u90fd\u9053\u5e9c\u770c\u306b\u5bfe\u5fdc\u3057\u305f\u30da\u30fc\u30b8\u306b\u9077\u79fb\u3055\u305b\u3089\u308c\u308b\u3002<\/p>\n \u3053\u3061\u3089\u3082\u300clink:\"xxxxxxxxx\"\u300d\u306e\u90e8\u5206\u3092\u5909\u66f4\u3059\u308b\u3053\u3068\u3067\u5730\u65b9\u306b\u5bfe\u5fdc\u3057\u305f\u30da\u30fc\u30b8\u306b\u9077\u79fb\u3055\u305b\u3089\u308c\u308b\u3002<\/p>\n \u30a6\u30a3\u30f3\u30c9\u30a6\u5e45\u3092\u5909\u66f4\u3057\u305f\u5834\u5408\u306bcanvas\u3092\u518d\u63cf\u5199\u3059\u308b\u5f62\u306b\u3057\u305f\u304c\u3053\u308c\u304c\u6b63\u89e3\u306a\u306e\u304b\u306f\u4e0d\u660e\u3002\u4e00\u5fdcPC\u3084\u30b9\u30de\u30db\u3067\u898b\u305f\u9650\u308a\u3067\u306f\u6b63\u5e38\u306b\u52d5\u4f5c\u3057\u305f\u3002<\/p>\n <\/p>\n PC\u3067\u898b\u308b\u5206\u306b\u306f\u554f\u984c\u7121\u3044\u304c\u30b9\u30de\u30db\u3067\u898b\u308b\u3068\u30b4\u30c1\u30e3\u30b4\u30c1\u30e3\u3063\u3068\u8868\u793a\u3055\u308c\u3001\u5b9f\u7528\u3059\u308b\u306e\u306f\u96e3\u3057\u3044\u3088\u3046\u306b\u611f\u3058\u305f\u3002\u30b9\u30de\u30db\u306e\u3053\u3068\u3092\u8003\u3048\u308b\u3068\u300c\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u5bfe\u5fdc\u306e\u65e5\u672c\u5730\u56f3<\/a>\u300d\u3084\u300c\u90fd\u9053\u5e9c\u770c\u9078\u629eUI<\/a>\u300d\u306e\u65b9\u304c\u826f\u3055\u305d\u3046\u3002<\/p>\n","protected":false},"excerpt":{"rendered":" JavaScript\u3082\u3057\u304f\u306fjQuery\u3067\u65e5\u672c\u5730\u56f3\u3092\u8868\u793a\u3057\u3001\u90fd\u9053\u5e9c\u770c\u3084\u516b\u5730\u65b9\u533a\u5206 ... <\/p>\n","protected":false},"author":1,"featured_media":1071,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3,4],"tags":[],"class_list":["post-3590","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jquery","category-javascript"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/posts\/3590","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/comments?post=3590"}],"version-history":[{"count":0,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/posts\/3590\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/media\/1071"}],"wp:attachment":[{"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/media?parent=3590"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/categories?post=3590"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/tags?post=3590"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\u30b5\u30f3\u30d7\u30eb<\/h2>\n
\u90fd\u9053\u5e9c\u770c\u7248<\/h3>\n
\u516b\u5730\u65b9\u533a\u5206\u7248<\/h3>\n
\u90fd\u9053\u5e9c\u770c&\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u5bfe\u5fdc\u7248<\/h3>\n
\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9<\/h2>\n
\u90fd\u9053\u5e9c\u770c\u7248<\/h3>\n
<html lang=\"ja\">\r\n<head>\r\n<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\">\r\n<title>Japan Map\u30b5\u30f3\u30d7\u30eb1<\/title>\r\n<\/head>\r\n<body>\r\n <div id=\"japan-map\"><\/div>\r\n <script type=\"text\/javascript\" src=\"https:\/\/code.jquery.com\/jquery-3.5.1.js\"><\/script>\r\n <script type=\"text\/javascript\" src=\".\/jquery.japan-map.min.js\"><\/script>\r\n <script>\r\n $(function(){\r\n const areas = [\r\n {code : 1, name: \"\u5317\u6d77\u9053\", color: \"#7f7eda\", hoverColor: \"#b3b2ee\", prefectures: [1], link: \"https:\/\/google.com\/\"},\r\n {code : 2, name: \"\u9752\u68ee\", color: \"#759ef4\", hoverColor: \"#98b9ff\", prefectures: [2], link: \"https:\/\/google.com\/\"},\r\n {code : 3, name: \"\u5ca9\u624b\", color: \"#759ef4\", hoverColor: \"#98b9ff\", prefectures: [3], link: \"https:\/\/google.com\/\"},\r\n {code : 4, name: \"\u5bae\u57ce\", color: \"#759ef4\", hoverColor: \"#98b9ff\", prefectures: [4], link: \"https:\/\/google.com\/\"},\r\n {code : 5, name: \"\u79cb\u7530\", color: \"#759ef4\", hoverColor: \"#98b9ff\", prefectures: [5], link: \"https:\/\/google.com\/\"},\r\n {code : 6, name: \"\u5c71\u5f62\", color: \"#759ef4\", hoverColor: \"#98b9ff\", prefectures: [6], link: \"https:\/\/google.com\/\"},\r\n {code : 7, name: \"\u798f\u5cf6\", color: \"#759ef4\", hoverColor: \"#98b9ff\", prefectures: [7], link: \"https:\/\/google.com\/\"},\r\n {code : 8, name: \"\u8328\u57ce\", color: \"#7ecfea\", hoverColor: \"#b7e5f4\", prefectures: [8], link: \"https:\/\/google.com\/\"},\r\n {code : 9, name: \"\u6803\u6728\", color: \"#7ecfea\", hoverColor: \"#b7e5f4\", prefectures: [9], link: \"https:\/\/google.com\/\"},\r\n {code : 10, name: \"\u7fa4\u99ac\", color: \"#7ecfea\", hoverColor: \"#b7e5f4\", prefectures: [10], link: \"https:\/\/google.com\/\"},\r\n {code : 11, name: \"\u57fc\u7389\", color: \"#7ecfea\", hoverColor: \"#b7e5f4\", prefectures: [11], link: \"https:\/\/google.com\/\"},\r\n {code : 12, name: \"\u5343\u8449\", color: \"#7ecfea\", hoverColor: \"#b7e5f4\", prefectures: [12], link: \"https:\/\/google.com\/\"},\r\n {code : 13, name: \"\u6771\u4eac\", color: \"#7ecfea\", hoverColor: \"#b7e5f4\", prefectures: [13], link: \"https:\/\/google.com\/\"},\r\n {code : 14, name: \"\u795e\u5948\u5ddd\", color: \"#7ecfea\", hoverColor: \"#b7e5f4\", prefectures: [14], link: \"https:\/\/google.com\/\"},\r\n {code : 15, name: \"\u65b0\u6f5f\", color: \"#7cdc92\", hoverColor: \"#aceebb\", prefectures: [15], link: \"https:\/\/google.com\/\"},\r\n {code : 16, name: \"\u5bcc\u5c71\", color: \"#7cdc92\", hoverColor: \"#aceebb\", prefectures: [16], link: \"https:\/\/google.com\/\"},\r\n {code : 17, name: \"\u77f3\u5ddd\", color: \"#7cdc92\", hoverColor: \"#aceebb\", prefectures: [17], link: \"https:\/\/google.com\/\"},\r\n {code : 18, name: \"\u798f\u4e95\", color: \"#7cdc92\", hoverColor: \"#aceebb\", prefectures: [18], link: \"https:\/\/google.com\/\"},\r\n {code : 19, name: \"\u5c71\u68a8\", color: \"#7cdc92\", hoverColor: \"#aceebb\", prefectures: [19], link: \"https:\/\/google.com\/\"},\r\n {code : 20, name: \"\u9577\u91ce\", color: \"#7cdc92\", hoverColor: \"#aceebb\", prefectures: [20], link: \"https:\/\/google.com\/\"},\r\n {code : 21, name: \"\u5c90\u961c\", color: \"#7cdc92\", hoverColor: \"#aceebb\", prefectures: [21], link: \"https:\/\/google.com\/\"},\r\n {code : 22, name: \"\u9759\u5ca1\", color: \"#7cdc92\", hoverColor: \"#aceebb\", prefectures: [22], link: \"https:\/\/google.com\/\"},\r\n {code : 23, name: \"\u611b\u77e5\", color: \"#7cdc92\", hoverColor: \"#aceebb\", prefectures: [23], link: \"https:\/\/google.com\/\"},\r\n {code : 24, name: \"\u4e09\u91cd\", color: \"#ffe966\", hoverColor: \"#fff19c\", prefectures: [24], link: \"https:\/\/google.com\/\"},\r\n {code : 25, name: \"\u6ecb\u8cc0\", color: \"#ffe966\", hoverColor: \"#fff19c\", prefectures: [25], link: \"https:\/\/google.com\/\"},\r\n {code : 26, name: \"\u4eac\u90fd\", color: \"#ffe966\", hoverColor: \"#fff19c\", prefectures: [26], link: \"https:\/\/google.com\/\"},\r\n {code : 27, name: \"\u5927\u962a\", color: \"#ffe966\", hoverColor: \"#fff19c\", prefectures: [27], link: \"https:\/\/google.com\/\"},\r\n {code : 28, name: \"\u5175\u5eab\", color: \"#ffe966\", hoverColor: \"#fff19c\", prefectures: [28], link: \"https:\/\/google.com\/\"},\r\n {code : 29, name: \"\u5948\u826f\", color: \"#ffe966\", hoverColor: \"#fff19c\", prefectures: [29], link: \"https:\/\/google.com\/\"},\r\n {code : 30, name: \"\u548c\u6b4c\u5c71\", color: \"#ffe966\", hoverColor: \"#fff19c\", prefectures: [30], link: \"https:\/\/google.com\/\"},\r\n {code : 31, name: \"\u9ce5\u53d6\", color: \"#ffcc66\", hoverColor: \"#ffe0a3\", prefectures: [31], link: \"https:\/\/google.com\/\"},\r\n {code : 32, name: \"\u5cf6\u6839\", color: \"#ffcc66\", hoverColor: \"#ffe0a3\", prefectures: [32], link: \"https:\/\/google.com\/\"},\r\n {code : 33, name: \"\u5ca1\u5c71\", color: \"#ffcc66\", hoverColor: \"#ffe0a3\", prefectures: [33], link: \"https:\/\/google.com\/\"},\r\n {code : 34, name: \"\u5e83\u5cf6\", color: \"#ffcc66\", hoverColor: \"#ffe0a3\", prefectures: [34], link: \"https:\/\/google.com\/\"},\r\n {code : 35, name: \"\u5c71\u53e3\", color: \"#ffcc66\", hoverColor: \"#ffe0a3\", prefectures: [35], link: \"https:\/\/google.com\/\"},\r\n {code : 36, name: \"\u5fb3\u5cf6\", color: \"#fb9466\", hoverColor: \"#ffbb9c\", prefectures: [36], link: \"https:\/\/google.com\/\"},\r\n {code : 37, name: \"\u9999\u5ddd\", color: \"#fb9466\", hoverColor: \"#ffbb9c\", prefectures: [37], link: \"https:\/\/google.com\/\"},\r\n {code : 38, name: \"\u611b\u5a9b\", color: \"#fb9466\", hoverColor: \"#ffbb9c\", prefectures: [38], link: \"https:\/\/google.com\/\"},\r\n {code : 39, name: \"\u9ad8\u77e5\", color: \"#fb9466\", hoverColor: \"#ffbb9c\", prefectures: [39], link: \"https:\/\/google.com\/\"},\r\n {code : 40, name: \"\u798f\u5ca1\", color: \"#ff9999\", hoverColor: \"#ffbdbd\", prefectures: [40], link: \"https:\/\/google.com\/\"},\r\n {code : 41, name: \"\u4f50\u8cc0\", color: \"#ff9999\", hoverColor: \"#ffbdbd\", prefectures: [41], link: \"https:\/\/google.com\/\"},\r\n {code : 42, name: \"\u9577\u5d0e\", color: \"#ff9999\", hoverColor: \"#ffbdbd\", prefectures: [42], link: \"https:\/\/google.com\/\"},\r\n {code : 43, name: \"\u718a\u672c\", color: \"#ff9999\", hoverColor: \"#ffbdbd\", prefectures: [43], link: \"https:\/\/google.com\/\"},\r\n {code : 44, name: \"\u5927\u5206\", color: \"#ff9999\", hoverColor: \"#ffbdbd\", prefectures: [44], link: \"https:\/\/google.com\/\"},\r\n {code : 45, name: \"\u5bae\u5d0e\", color: \"#ff9999\", hoverColor: \"#ffbdbd\", prefectures: [45], link: \"https:\/\/google.com\/\"},\r\n {code : 46, name: \"\u9e7f\u5150\u5cf6\", color: \"#ff9999\", hoverColor: \"#ffbdbd\", prefectures: [46], link: \"https:\/\/google.com\/\"},\r\n {code : 47, name: \"\u6c96\u7e04\", color: \"#eb98ff\", hoverColor: \"#f5c9ff\", prefectures: [47], link: \"https:\/\/google.com\/\"},\r\n ];\r\n\r\n $(\"#japan-map\").japanMap({\r\n width: window.outerWidth * 0.95,\r\n selection: \"area\",\r\n areas: areas,\r\n backgroundColor : \"#f2fcff\",\r\n borderLineColor: \"#f2fcff\",\r\n borderLineWidth : 0.25,\r\n lineColor : \"#a0a0a0\",\r\n lineWidth: 1,\r\n drawsBoxLine: true,\r\n showsPrefectureName: true,\r\n prefectureNameType: \"short\",\r\n movesIslands : true,\r\n fontSize : 11,\r\n onSelect : function(data){\r\n location.href = data.area.link;\r\n }\r\n });\r\n\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html><\/pre>\n\u516b\u5730\u65b9\u533a\u5206\u7248<\/h3>\n
<html lang=\"ja\">\r\n<head>\r\n<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\">\r\n<title>Japan Map\u30b5\u30f3\u30d7\u30eb2<\/title>\r\n<\/head>\r\n<body>\r\n <div id=\"japan-map\"><\/div>\r\n <script type=\"text\/javascript\" src=\"https:\/\/code.jquery.com\/jquery-3.5.1.js\"><\/script>\r\n <script type=\"text\/javascript\" src=\".\/jquery.japan-map.min.js\"><\/script>\r\n <script>\r\n $(function(){\r\n const areas = [\r\n {code : 1, name: \"\u5317\u6d77\u9053\u5730\u65b9\", color: \"#7f7eda\", hoverColor: \"#b3b2ee\", prefectures: [1], link: \"https:\/\/google.com\/\"},\r\n {code : 2, name: \"\u6771\u5317\u5730\u65b9\", color: \"#759ef4\", hoverColor: \"#98b9ff\", prefectures: [2,3,4,5,6,7], link: \"https:\/\/google.com\/\"},\r\n {code : 3, name: \"\u95a2\u6771\u5730\u65b9\", color: \"#7ecfea\", hoverColor: \"#b7e5f4\", prefectures: [8,9,10,11,12,13,14], link: \"https:\/\/google.com\/\"},\r\n {code : 4, name: \"\u4e2d\u90e8\u5730\u65b9\", color: \"#7cdc92\", hoverColor: \"#aceebb\", prefectures: [15,16,17,18,19,20,21,22,23], link: \"https:\/\/google.com\/\"},\r\n {code : 5, name: \"\u8fd1\u757f\u5730\u65b9\", color: \"#ffe966\", hoverColor: \"#fff19c\", prefectures: [24,25,26,27,28,29,30], link: \"https:\/\/google.com\/\"},\r\n {code : 6, name: \"\u4e2d\u56fd\u5730\u65b9\", color: \"#ffcc66\", hoverColor: \"#ffe0a3\", prefectures: [31,32,33,34,35], link: \"https:\/\/google.com\/\"},\r\n {code : 7, name: \"\u56db\u56fd\u5730\u65b9\", color: \"#fb9466\", hoverColor: \"#ffbb9c\", prefectures: [36,37,38,39], link: \"https:\/\/google.com\/\"},\r\n {code : 8, name: \"\u4e5d\u5dde\u5730\u65b9\", color: \"#ff9999\", hoverColor: \"#ffbdbd\", prefectures: [40,41,42,43,44,45,46], link: \"https:\/\/google.com\/\"},\r\n {code : 9, name: \"\u6c96\u7e04\u5730\u65b9\", color: \"#eb98ff\", hoverColor: \"#f5c9ff\", prefectures: [47], link: \"https:\/\/google.com\/\"},\r\n ];\r\n\r\n $(\"#japan-map\").japanMap({\r\n width: window.outerWidth * 0.95,\r\n selection: \"area\",\r\n areas: areas,\r\n backgroundColor : \"#f2fcff\",\r\n borderLineColor: \"#f2fcff\",\r\n borderLineWidth : 0.25,\r\n lineColor : \"#a0a0a0\",\r\n lineWidth: 1,\r\n drawsBoxLine: true,\r\n showsPrefectureName: true,\r\n prefectureNameType: \"short\",\r\n movesIslands : true,\r\n fontSize : 11,\r\n onSelect : function(data){\r\n location.href = data.area.link;\r\n }\r\n });\r\n\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html><\/pre>\n\u90fd\u9053\u5e9c\u770c&\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u5bfe\u5fdc\u7248<\/h3>\n
<html lang=\"ja\">\r\n<head>\r\n<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Japan Map\u30b5\u30f3\u30d7\u30eb3<\/title>\r\n<\/head>\r\n<body>\r\n <div id=\"japan-map\"><\/div>\r\n <script type=\"text\/javascript\" src=\"https:\/\/code.jquery.com\/jquery-3.5.1.js\"><\/script>\r\n <script type=\"text\/javascript\" src=\".\/jquery.japan-map.min.js\"><\/script>\r\n <script>\r\n $(function(){\r\n const areas = [\r\n {code : 1, name: \"\u5317\u6d77\u9053\", color: \"#7f7eda\", hoverColor: \"#b3b2ee\", prefectures: [1], link: \"https:\/\/google.com\/\"},\r\n {code : 2, name: \"\u9752\u68ee\", color: \"#759ef4\", hoverColor: \"#98b9ff\", prefectures: [2], link: \"https:\/\/google.com\/\"},\r\n {code : 3, name: \"\u5ca9\u624b\", color: \"#759ef4\", hoverColor: \"#98b9ff\", prefectures: [3], link: \"https:\/\/google.com\/\"},\r\n {code : 4, name: \"\u5bae\u57ce\", color: \"#759ef4\", hoverColor: \"#98b9ff\", prefectures: [4], link: \"https:\/\/google.com\/\"},\r\n {code : 5, name: \"\u79cb\u7530\", color: \"#759ef4\", hoverColor: \"#98b9ff\", prefectures: [5], link: \"https:\/\/google.com\/\"},\r\n {code : 6, name: \"\u5c71\u5f62\", color: \"#759ef4\", hoverColor: \"#98b9ff\", prefectures: [6], link: \"https:\/\/google.com\/\"},\r\n {code : 7, name: \"\u798f\u5cf6\", color: \"#759ef4\", hoverColor: \"#98b9ff\", prefectures: [7], link: \"https:\/\/google.com\/\"},\r\n {code : 8, name: \"\u8328\u57ce\", color: \"#7ecfea\", hoverColor: \"#b7e5f4\", prefectures: [8], link: \"https:\/\/google.com\/\"},\r\n {code : 9, name: \"\u6803\u6728\", color: \"#7ecfea\", hoverColor: \"#b7e5f4\", prefectures: [9], link: \"https:\/\/google.com\/\"},\r\n {code : 10, name: \"\u7fa4\u99ac\", color: \"#7ecfea\", hoverColor: \"#b7e5f4\", prefectures: [10], link: \"https:\/\/google.com\/\"},\r\n {code : 11, name: \"\u57fc\u7389\", color: \"#7ecfea\", hoverColor: \"#b7e5f4\", prefectures: [11], link: \"https:\/\/google.com\/\"},\r\n {code : 12, name: \"\u5343\u8449\", color: \"#7ecfea\", hoverColor: \"#b7e5f4\", prefectures: [12], link: \"https:\/\/google.com\/\"},\r\n {code : 13, name: \"\u6771\u4eac\", color: \"#7ecfea\", hoverColor: \"#b7e5f4\", prefectures: [13], link: \"https:\/\/google.com\/\"},\r\n {code : 14, name: \"\u795e\u5948\u5ddd\", color: \"#7ecfea\", hoverColor: \"#b7e5f4\", prefectures: [14], link: \"https:\/\/google.com\/\"},\r\n {code : 15, name: \"\u65b0\u6f5f\", color: \"#7cdc92\", hoverColor: \"#aceebb\", prefectures: [15], link: \"https:\/\/google.com\/\"},\r\n {code : 16, name: \"\u5bcc\u5c71\", color: \"#7cdc92\", hoverColor: \"#aceebb\", prefectures: [16], link: \"https:\/\/google.com\/\"},\r\n {code : 17, name: \"\u77f3\u5ddd\", color: \"#7cdc92\", hoverColor: \"#aceebb\", prefectures: [17], link: \"https:\/\/google.com\/\"},\r\n {code : 18, name: \"\u798f\u4e95\", color: \"#7cdc92\", hoverColor: \"#aceebb\", prefectures: [18], link: \"https:\/\/google.com\/\"},\r\n {code : 19, name: \"\u5c71\u68a8\", color: \"#7cdc92\", hoverColor: \"#aceebb\", prefectures: [19], link: \"https:\/\/google.com\/\"},\r\n {code : 20, name: \"\u9577\u91ce\", color: \"#7cdc92\", hoverColor: \"#aceebb\", prefectures: [20], link: \"https:\/\/google.com\/\"},\r\n {code : 21, name: \"\u5c90\u961c\", color: \"#7cdc92\", hoverColor: \"#aceebb\", prefectures: [21], link: \"https:\/\/google.com\/\"},\r\n {code : 22, name: \"\u9759\u5ca1\", color: \"#7cdc92\", hoverColor: \"#aceebb\", prefectures: [22], link: \"https:\/\/google.com\/\"},\r\n {code : 23, name: \"\u611b\u77e5\", color: \"#7cdc92\", hoverColor: \"#aceebb\", prefectures: [23], link: \"https:\/\/google.com\/\"},\r\n {code : 24, name: \"\u4e09\u91cd\", color: \"#ffe966\", hoverColor: \"#fff19c\", prefectures: [24], link: \"https:\/\/google.com\/\"},\r\n {code : 25, name: \"\u6ecb\u8cc0\", color: \"#ffe966\", hoverColor: \"#fff19c\", prefectures: [25], link: \"https:\/\/google.com\/\"},\r\n {code : 26, name: \"\u4eac\u90fd\", color: \"#ffe966\", hoverColor: \"#fff19c\", prefectures: [26], link: \"https:\/\/google.com\/\"},\r\n {code : 27, name: \"\u5927\u962a\", color: \"#ffe966\", hoverColor: \"#fff19c\", prefectures: [27], link: \"https:\/\/google.com\/\"},\r\n {code : 28, name: \"\u5175\u5eab\", color: \"#ffe966\", hoverColor: \"#fff19c\", prefectures: [28], link: \"https:\/\/google.com\/\"},\r\n {code : 29, name: \"\u5948\u826f\", color: \"#ffe966\", hoverColor: \"#fff19c\", prefectures: [29], link: \"https:\/\/google.com\/\"},\r\n {code : 30, name: \"\u548c\u6b4c\u5c71\", color: \"#ffe966\", hoverColor: \"#fff19c\", prefectures: [30], link: \"https:\/\/google.com\/\"},\r\n {code : 31, name: \"\u9ce5\u53d6\", color: \"#ffcc66\", hoverColor: \"#ffe0a3\", prefectures: [31], link: \"https:\/\/google.com\/\"},\r\n {code : 32, name: \"\u5cf6\u6839\", color: \"#ffcc66\", hoverColor: \"#ffe0a3\", prefectures: [32], link: \"https:\/\/google.com\/\"},\r\n {code : 33, name: \"\u5ca1\u5c71\", color: \"#ffcc66\", hoverColor: \"#ffe0a3\", prefectures: [33], link: \"https:\/\/google.com\/\"},\r\n {code : 34, name: \"\u5e83\u5cf6\", color: \"#ffcc66\", hoverColor: \"#ffe0a3\", prefectures: [34], link: \"https:\/\/google.com\/\"},\r\n {code : 35, name: \"\u5c71\u53e3\", color: \"#ffcc66\", hoverColor: \"#ffe0a3\", prefectures: [35], link: \"https:\/\/google.com\/\"},\r\n {code : 36, name: \"\u5fb3\u5cf6\", color: \"#fb9466\", hoverColor: \"#ffbb9c\", prefectures: [36], link: \"https:\/\/google.com\/\"},\r\n {code : 37, name: \"\u9999\u5ddd\", color: \"#fb9466\", hoverColor: \"#ffbb9c\", prefectures: [37], link: \"https:\/\/google.com\/\"},\r\n {code : 38, name: \"\u611b\u5a9b\", color: \"#fb9466\", hoverColor: \"#ffbb9c\", prefectures: [38], link: \"https:\/\/google.com\/\"},\r\n {code : 39, name: \"\u9ad8\u77e5\", color: \"#fb9466\", hoverColor: \"#ffbb9c\", prefectures: [39], link: \"https:\/\/google.com\/\"},\r\n {code : 40, name: \"\u798f\u5ca1\", color: \"#ff9999\", hoverColor: \"#ffbdbd\", prefectures: [40], link: \"https:\/\/google.com\/\"},\r\n {code : 41, name: \"\u4f50\u8cc0\", color: \"#ff9999\", hoverColor: \"#ffbdbd\", prefectures: [41], link: \"https:\/\/google.com\/\"},\r\n {code : 42, name: \"\u9577\u5d0e\", color: \"#ff9999\", hoverColor: \"#ffbdbd\", prefectures: [42], link: \"https:\/\/google.com\/\"},\r\n {code : 43, name: \"\u718a\u672c\", color: \"#ff9999\", hoverColor: \"#ffbdbd\", prefectures: [43], link: \"https:\/\/google.com\/\"},\r\n {code : 44, name: \"\u5927\u5206\", color: \"#ff9999\", hoverColor: \"#ffbdbd\", prefectures: [44], link: \"https:\/\/google.com\/\"},\r\n {code : 45, name: \"\u5bae\u5d0e\", color: \"#ff9999\", hoverColor: \"#ffbdbd\", prefectures: [45], link: \"https:\/\/google.com\/\"},\r\n {code : 46, name: \"\u9e7f\u5150\u5cf6\", color: \"#ff9999\", hoverColor: \"#ffbdbd\", prefectures: [46], link: \"https:\/\/google.com\/\"},\r\n {code : 47, name: \"\u6c96\u7e04\", color: \"#eb98ff\", hoverColor: \"#f5c9ff\", prefectures: [47], link: \"https:\/\/google.com\/\"},\r\n ];\r\n\r\n $(\"#japan-map\").japanMap({\r\n width: window.outerWidth * 0.95,\r\n selection: \"area\",\r\n areas: areas,\r\n backgroundColor : \"#f2fcff\",\r\n borderLineColor: \"#f2fcff\",\r\n borderLineWidth : 0.25,\r\n lineColor : \"#a0a0a0\",\r\n lineWidth: 1,\r\n drawsBoxLine: true,\r\n showsPrefectureName: true,\r\n prefectureNameType: \"short\",\r\n movesIslands : true,\r\n fontSize : 11,\r\n onSelect : function(data){\r\n location.href = data.area.link;\r\n }\r\n });\r\n\r\n $(window).resize(function(event){\r\n $(\"#japan-map canvas\").remove();\r\n $(\"#japan-map\").japanMap({\r\n width: window.outerWidth * 0.95,\r\n selection: \"area\",\r\n areas: areas,\r\n backgroundColor : \"#f2fcff\",\r\n borderLineColor: \"#f2fcff\",\r\n borderLineWidth : 0.25,\r\n lineColor : \"#a0a0a0\",\r\n lineWidth: 1,\r\n drawsBoxLine: true,\r\n showsPrefectureName: true,\r\n prefectureNameType: \"short\",\r\n movesIslands : true,\r\n fontSize : 11,\r\n onSelect : function(data){\r\n location.href = data.area.link;\r\n }\r\n });\r\n });\r\n\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html><\/pre>\n\u6240\u611f<\/h2>\n