回答編集履歴

1

サンプル

2018/09/30 12:17

投稿

m.ts10806
m.ts10806

スコア80861

test CHANGED
@@ -11,3 +11,59 @@
11
11
  という風に遷移させてQueryStringとしてcodeを取得してその都道府県の情報を再度取得、表示処理を書かれてはいかがでしょうか?
12
12
 
13
13
  こうすることで1つのファイルで動的にページが切り替わるようにできるはずです。
14
+
15
+
16
+
17
+ # サンプルコード
18
+
19
+ ```js
20
+
21
+ var preflinklist = {
22
+
23
+ "1":"/hokkaido/",
24
+
25
+ "2":"/aomori/"
26
+
27
+ };
28
+
29
+ $(function(){
30
+
31
+ $("#map-container").japanMap({
32
+
33
+ width: 830,
34
+
35
+ onSelect : function(data){
36
+
37
+ if (data.code in preflinklist) {
38
+
39
+ console.log(preflinklist[data.code]);
40
+
41
+ location.href = preflinklist[data.code];
42
+
43
+ }
44
+
45
+ }
46
+
47
+ });
48
+
49
+ });
50
+
51
+ ```
52
+
53
+ 簡易解説。
54
+
55
+ 「都道府県コード」と「遷移先」のリンクのリストを設置しました。北海道と青森だけ。
56
+
57
+ 一応、都道府県コードは決まっているものがあるので正確にリンクは作っていただきたいのですが、
58
+
59
+ これを利用するとどのようなリンク先になっても対応可能です。
60
+
61
+ リンクは実際に作られたページのURLにしてください。
62
+
63
+ つまり、「どのようなページを作っても対応ができます」というのが回答です。
64
+
65
+
66
+
67
+ リンク配列を作るのが面倒であれば都道府県コードが入れられるような機能があれば容易ですが、
68
+
69
+ WordPressでURLをコントロールできる書き方があるかどうかまでは私の方では環境がないためすぐに確認はできません。