-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathjapan-2017.html
383 lines (350 loc) · 34 KB
/
japan-2017.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
<!DOCTYPE html>
<html lang="en">
<head>
<title>Family Trip to Kyoto</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/paper/bootstrap.min.css">
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCikPtaGJr5nKhCpgqnjuwkDz33o94PAgM&libraries=places">
</script>
<style>
.nav-pills { margin: 20px 0; }
.nav-pills > li > a { padding: 5px 10px; }
.btn { margin: 5px 0; }
.label { background-color: #444; display: inline-block; margin: 10px 10px 0 0; padding: 4px 0; width: 45px; }
.glyphicon-map-marker { color: #333; }
.glyphicon-arrow-right { color: #999; }
a:link, a:visited, a:visited:hover, a:hover, a:active { text-decoration: none; }
#map { width: 100%; height: 300px; }
</style>
</head>
<body>
<div class="container">
<h4>
<a href="https://www.google.com/maps/d/viewer?mid=15vPov13dsFDc09OMAwruKQI5MjM&hl=en&usp=sharing" target="_blank">Family Trip to Kyoto</a>
</h4>
<ul class="nav nav-pills">
<li class='active'><a href='#' data-group='0'>Kyoto 京都</a></li>
<li class='active'><a href='#' data-group='1'>京都 吃喝</a></li>
<li class='active'><a href='#' data-group='2'>Osaka 大阪</a></li>
</ul>
<form class="form-horizontal">
<div class="form-group">
<label class="col-sm-1 col-xs-2 control-label" for="from">From:</label>
<div class="col-sm-11 col-xs-10">
<select id="from" class="form-control">
<option value='' data-color='#d3a'>Current Location</option>
<option value='34.9861116,135.7525122' data-group='0' data-color='E65100' data-placeid='ChIJ2_bqcpUIAWARCxsfbw83nEY'>Rihga Royal Hotel Kyoto</option>
<option value='34.9914842,135.7517349' data-group='0' data-color='E65100' data-placeid='ChIJqWSqqaUIAWARVotojXZxsLU'>西本願寺 Nishihongan-ji Temple</option>
<option value='34.9811177,135.7475964' data-group='0' data-color='E65100' data-placeid='ChIJTar7hQQGAWAREHkXsNkt7tM'>東寺 Toji</option>
<option value='35.0142299,135.748218' data-group='0' data-color='E65100' data-placeid='ChIJC5srCtQHAWARLy9qkFmHaxA'>二条城 Nijō Castle</option>
<option value='34.9874767,135.7594926' data-group='0' data-color='E65100' data-placeid='ChIJ__8_qK8IAWARMMzDo8PW_hk'>京都タワー Kyoto Tower</option>
<option value='34.982789,135.754422' data-group='0' data-color='E65100' data-placeid='ChIJ8Uuuf6kIAWARFFrpsu-HJHQ'>AEON Mall KYOTO</option>
<option value='35.004287,135.762009' data-group='0' data-color='E65100' data-placeid='ChIJISb-rpAIAWARX9Z2o_x8G8c'>大丸京都店 Daimaru Kyoto</option>
<option value='35.003152,135.768211' data-group='0' data-color='E65100' data-placeid='ChIJwzqJepUIAWARvlUYqigZpJI'>髙島屋 Takashimaya Kyoto</option>
<option value='35.0314012,135.7351215' data-group='0' data-color='558B2F' data-placeid='ChIJbeDwe-0HAWARGu4ubMH-Jls'>北野天満宮 Kitano Tenman-gū Shrine</option>
<option value='35.03937,135.7292431' data-group='0' data-color='558B2F' data-placeid='ChIJvUbrwCCoAWARX2QiHCsn5A4'>金閣寺 Kinkaku-ji</option>
<option value='35.0344943,135.7182634' data-group='0' data-color='558B2F' data-placeid='ChIJp7ocMCqoAWARQoXXRj4Xq-E'>龍安寺 Ryōan-ji</option>
<option value='35.0310937,135.7138198' data-group='0' data-color='558B2F' data-placeid='ChIJh1Gu838HAWARQ7d7NyfdG-o'>仁和寺 Ninna-ji</option>
<option value='35.0166895,135.5824658' data-group='0' data-color='558B2F' data-placeid='ChIJGxCciMJUAGARMTym5nPrY0c'>亀岡駅 Kameoka Station</option>
<option value='35.0174542,135.5876259' data-group='0' data-color='558B2F' data-placeid='ChIJ77ZFtsRUAGARo0Wg43OFG7M'>亀岡平和祭保津川市民花火大会 (保津橋 Hozu Bridge)</option>
<option value='35.0027595,135.7748843' data-group='0' data-color='673AB7' data-placeid='ChIJj5Xmc8EIAWARm2FREzaRIHk'>花見小路 Hanami-koji Street</option>
<option value='34.9975766,135.7778509' data-group='0' data-color='673AB7' data-placeid='ChIJLRkifM8IAWARGw5vgkS13W0'>TekuTeku清水店</option>
<option value='34.998122,135.7808431' data-group='0' data-color='673AB7' data-placeid='ChIJlwyrGNAIAWARNb5hUHdZruY'>二年坂 Ninenzaka</option>
<option value='34.9963442,135.7808771' data-group='0' data-color='673AB7' data-placeid='ChIJr_gZonkIAWARB1xyACZNUKM'>三年坂 Sannen-zaka</option>
<option value='34.9948561,135.7850463' data-group='0' data-color='673AB7' data-placeid='ChIJB_vchdMIAWARujTEUIZlr2I'>清水寺 Kiyomizu-dera</option>
<option value='34.9878845,135.7717126' data-group='0' data-color='673AB7' data-placeid='ChIJs4Cbj8oIAWARiBZl2-sBK6o'>三十三間堂 Rengeoin Sanjusangendo</option>
<option value='35.0214836,135.7942056' data-group='0' data-color='0288D1' data-placeid=''>哲学の道 Tetsugaku-no-michi</option>
<option value='35.0271518,135.7978642' data-group='0' data-color='0288D1' data-placeid='ChIJ4W9CCwUJAWARyauI6BzKiiU'>銀閣寺 Ginkaku-ji Temple</option>
<option value='35.063264,135.785161' data-group='0' data-color='0288D1' data-placeid='ChIJQxhh-CkIAWARQrFR88Uxa5k'>国際会館駅 Kokusaikaikan Station</option>
<option value='35.0174358,135.7887915' data-group='0' data-color='0288D1' data-placeid='ChIJqeJAF-IIAWARU4YU3rm3HcI'>岡崎神社 Okazaki Shrine</option>
<option value='35.105953,135.763661' data-group='0' data-color='0288D1' data-placeid='ChIJt2ozdD2mAWAReTB3N7-G5gc'>貴船口駅 Kibuneguchi Station</option>
<option value='35.039171,135.773011' data-group='0' data-color='0288D1' data-placeid='ChIJf438RkAIAWARzM3lfzI7uAM'>下鴨神社 Shimogamo-Jinja</option>
<option value='35.0262444,135.7808218' data-group='0' data-color='0288D1' data-placeid='ChIJdUvW-1cIAWARQySM6vQekhE'>京都大学 Kyoto University</option>
<option value='35.0158275,135.673771' data-group='0' data-color='4E342E' data-placeid='ChIJBWpY-QGqAWARrJCIREaU9Ns'>天龍寺 Tenryu-ji</option>
<option value='35.0177597,135.6742103' data-group='0' data-color='4E342E' data-placeid='ChIJuaeJMwKqAWAR_YOYeQIx9Lc'>野宮神社 Nonomiya Shrine</option>
<option value='35.0176088,135.6743552' data-group='0' data-color='4E342E' data-placeid='ChIJBxLigwOqAWAR3W2OPy4vqHg'>嵯峨野 竹林の道 Chikurin</option>
<option value='34.7121428,135.5929906' data-group='0' data-color='0288D1' data-placeid=''>Mitsui Outlet Park Osaka Tsurumi</option>
<option value='34.9861414,135.7583035' data-group='1' data-color='E65100' data-placeid='ChIJPWF05q4IAWARPuh4uEmVbd0'>(冰)抹茶甜點 中村藤吉</option>
<option value='34.9847047,135.7594341' data-group='1' data-color='E65100' data-placeid='ChIJJ01j8K0IAWARzS1wzZlK4ss'>(回)寿しのむさし Sushi no Musashi</option>
<option value='34.9866851,135.7624927' data-group='1' data-color='E65100' data-placeid='ChIJAQDb87EIAWARi5Y4U4cs7aU'>(拉)本家 第一旭 たかばし本店 Honke Daiichiasahi (Ramen)</option>
<option value='34.979051,135.7508651' data-group='1' data-color='E65100' data-placeid='ChIJmSn2yQEGAWAR7eiWquxgreo'>(鰻)美登利</option>
<option value='34.992946,135.75525' data-group='1' data-color='E65100' data-placeid='ChIJXS16PKEIAWARdcr1_YXNGiw'>(拉)吟醸らーめん久保田 Ginjo ramen Kubota</option>
<option value='34.997126,135.763273' data-group='1' data-color='E65100' data-placeid='ChIJtf9w77wIAWARCmYYYbDRZxM'>(鰻)江戸正 Edoshou</option>
<option value='35.0049237,135.7638164' data-group='1' data-color='E65100' data-placeid='ChIJ9c3J1ZAIAWARt9V8tVMg3Jw'>史奴比茶屋 京都錦店</option>
<option value='35.0050002,135.7632709' data-group='1' data-color='E65100' data-placeid='ChIJq4uKz5AIAWARpSO8-p4crWM'>錦市場 Nishiki Market</option>
<option value='35.0044019,135.7613432' data-group='1' data-color='E65100' data-placeid='ChIJWdqtd5wIAWARmZqtuyzzY14'>(甜)HARBS</option>
<option value='35.006077,135.755951' data-group='1' data-color='E65100' data-placeid='ChIJU93EToMIAWARIRwSxd0sPps'>(冰)梅園 CAFE & GALLERY</option>
<option value='34.9887373,135.7609002' data-group='1' data-color='E65100' data-placeid='ChIJAX4aw68IAWARipD2f5gAnXA'>(燒)京の燒肉處 弘 京都駅 Hiro Kyoto Station</option>
<option value='35.004578,135.76753' data-group='1' data-color='E65100' data-placeid='ChIJxegDSJQIAWARKYgV3JBG3xk'>(拉)らーめん千の風京都 Ramen Sen No Kaze</option>
<option value='35.0058157,135.7680653' data-group='1' data-color='E65100' data-placeid='ChIJ73n36IYIAWAR0OYK9dUDK5g'>(拉)一蘭拉麵 Ichiran Kyoto Kawaramachi</option>
<option value='35.0049407,135.7643007' data-group='1' data-color='E65100' data-placeid='ChIJu85C05YIAWARbuCVs-uBT1I'>(鰻)味彩のと与</option>
<option value='35.0122992,135.7556232' data-group='1' data-color='E65100' data-placeid='ChIJbypm3oAIAWARm7lUBldgck4'>(甜)La Madrague</option>
<option value='35.012303,135.764174' data-group='1' data-color='E65100' data-placeid='ChIJX1vq444IAWARlkfJCveRnAc'>(燒)焼肉ダイニング 甲 Yakiniku Dining Kinoe</option>
<option value='35.0143941,135.7585817' data-group='1' data-color='E65100' data-placeid='ChIJRdmIEocIAWARZKzTfph2pK4'>(鰻)鰻割烹 まえはら</option>
<option value='35.0175605,135.7546083' data-group='1' data-color='E65100' data-placeid='ChIJoaX_2H4IAWAREXhYIroawW8'>(咖)近江屋清右衛門 Ohmiya Seiuemon</option>
<option value='35.0371111,135.7300931' data-group='1' data-color='558B2F' data-placeid='ChIJoxFEaIoHAWAR-M4Lo2GlUOw'>(拉)ラーメンKAZU 金閣寺店 Ramen Kazu</option>
<option value='35.0347192,135.7279834' data-group='1' data-color='558B2F' data-placeid='ChIJ4cF5eYkHAWARqPgDQVrSRLk'>(回)無添くら寿司 Kura Kaiten Sushi</option>
<option value='35.0393929,135.7323531' data-group='1' data-color='558B2F' data-placeid='ChIJAQA8CSCoAWARJ39qDItjBW4'>(冰)金閣そふと</option>
<option value='35.0070046,135.7710001' data-group='1' data-color='673AB7' data-placeid='ChIJt3Q_tZQIAWARhnwJ7t1qjU0'>京都勝牛 Kyoto Katsugyu</option>
<option value='35.0073367,135.7708292' data-group='1' data-color='673AB7' data-placeid='ChIJ3UELspQIAWARtJN6BkVE3Zg'>(咖)ザ・洋食屋キチキチ Kichi Kichi Omurice</option>
<option value='35.0081589,135.7707486' data-group='1' data-color='673AB7' data-placeid='ChIJKU9UUZMIAWARCV0U0soe7ew'>(燒)京の燒肉處 弘 先斗町 Hiro Yakiniku</option>
<option value='35.0040322,135.7706497' data-group='1' data-color='673AB7' data-placeid='ChIJp8sUTpUIAWARa7Xtrcri5Qk'>(回)CHOJIRO Shijo Kiyamachi</option>
<option value='35.0092197,135.7711964' data-group='1' data-color='673AB7' data-placeid='ChIJKQUNgYMIAWARxtV8RTAhsBY'>(冰)Starbucks 京都三条大橋店</option>
<option value='35.010759,135.7664149' data-group='1' data-color='673AB7' data-placeid='ChIJsZSgRJIIAWARGEef_m6mcfk'>(回)魚倖</option>
<option value='35.0050873,135.7710818' data-group='1' data-color='673AB7' data-placeid='ChIJ___UReoIAWARt8CA94SnPCM'>先斗町 Pontocho Area</option>
<option value='35.0043675,135.769692' data-group='1' data-color='673AB7' data-placeid='ChIJRYqPFpUIAWARs10mZc8Vexk'>(冰)築地 Tsukiji</option>
<option value='35.0084758,135.7692401' data-group='1' data-color='673AB7' data-placeid='ChIJKQUNgYMIAWARkoSNKNLTwB8'>(冰)六曜社 地下店</option>
<option value='35.007551,135.769202' data-group='1' data-color='673AB7' data-placeid='ChIJMZDLZJMIAWARD1HpjRtDHpg'>(冰)梅園 Kawaramachi</option>
<option value='35.005245,135.773199' data-group='1' data-color='673AB7' data-placeid='ChIJX0YgieoIAWARU9Vjof45-5Q'>(冰)PASS THE BATON KYOTO GION</option>
<option value='35.0088013,135.7709263' data-group='1' data-color='673AB7' data-placeid='ChIJpUJ4S5MIAWARGNAH10kRJt0'>(冰)京はやしや 三条店</option>
<option value='35.0020619,135.7743841' data-group='1' data-color='673AB7' data-placeid='ChIJXZAzFMEIAWARlY4cMKMnJ8A'>(鰻)Uokeya U</option>
<option value='34.997521,135.780953' data-group='1' data-color='673AB7' data-placeid='ChIJrZR8L9AIAWAR4pO8zE_FzH4'>(冰)梅園 清水店 Kiyomizu</option>
<option value='35.003673,135.77448' data-group='1' data-color='673AB7' data-placeid='ChIJ8wbKvcEIAWARgiZqwLlAt3w'>(冰)祇園辻利</option>
<option value='34.9983044,135.7807042' data-group='1' data-color='673AB7' data-placeid='ChIJVVUxHNAIAWARajMD6yzimWw'>(冰)Starbucks 二年坂 Yasaka Chaya</option>
<option value='34.9986354,135.778294' data-group='1' data-color='673AB7' data-placeid='ChIJnW0DdsUIAWAROy9GuxW9QVI'>(咖)% Arabica Kyoto Higashiyama</option>
<option value='35.1217995,135.7632492' data-group='1' data-color='0288D1' data-placeid='ChIJ2TYj8QimAWARuN2LY02VI2E'>貴船荘 （京都 川床）</option>
<option value='35.0169903,135.6772921' data-group='1' data-color='4E342E' data-placeid='ChIJDXcKbP-pAWARpdgtb_vIQ_0'>(鰻)うなぎ屋廣川 Hirokawa</option>
<option value='34.973553,135.746384' data-group='1' data-color='E65100' data-placeid=''>本間ゴルフ京都十条店</option>
<option value='34.4320024,135.2303939' data-group='2' data-color='0288D1' data-placeid='ChIJ9_rNIxO5AGARiI-QjZ-ncfE'>関西国際空港 Kansai International Airport</option>
<option value='34.672077,135.500021' data-group='2' data-color='0288D1' data-placeid='ChIJv5bGHBHnAGARMUykGleuJdM'>Apple 心斎橋</option>
<option value='34.6724955,135.5012841' data-group='2' data-color='0288D1' data-placeid='ChIJsX9AMBHnAGARyuwkEzUKYAU'>agnes b 心斎橋</option>
<option value='34.6711172,135.5013491' data-group='2' data-color='0288D1' data-placeid='ChIJc7M3_BPnAGARI8OZlTnEXGI'>心斎橋筋商店街 Shinsaibashisuji Shopping Street</option>
<option value='34.6707875,135.5015353' data-group='2' data-color='0288D1' data-placeid='ChIJ6y0U_xPnAGAR9yvePfDkQgI'>Adidas</option>
<option value='34.6696013,135.5013817' data-group='2' data-color='0288D1' data-placeid='ChIJVVXEixPnAGAROTO6G-0DQD0'>LUSH心斎橋店</option>
<option value='34.6687235,135.5012953' data-group='2' data-color='0288D1' data-placeid=''>道頓堀 Dotonbori</option>
<option value='34.6665742,135.5026363' data-group='2' data-color='0288D1' data-placeid='ChIJTU1sSWvnAGAR7ughC3rYMUM'>BIC CAMERA Namba Store</option>
<option value='34.6653063,135.5070046' data-group='2' data-color='0288D1' data-placeid='ChIJVVURjWnnAGARDTfa8ECE7GQ'>黒門市場 Kuromon Ichiba Market</option>
<option value='34.6739896,135.5014327' data-group='2' data-color='0288D1' data-placeid='ChIJZUyozBDnAGARxvByO0xncUM'>LUKE'S LOBSTER</option>
<option value='34.6692097,135.503039' data-group='2' data-color='0288D1' data-placeid='ChIJ94kl9BTnAGARgA4Z1NMnRdQ'>一蘭 道頓堀店 Ichiran Dotonbori shop</option>
<option value='34.671013,135.502907' data-group='2' data-color='0288D1' data-placeid='ChIJlXI7PRTnAGARiVb_Zzz8QTo'>(燒)焼肉六甲 心斎橋 Yakiniku Rokko</option>
<option value='34.6692824,135.5030062' data-group='2' data-color='0288D1' data-placeid='ChIJAQBM9BTnAGARBDmRSG1AuO4'>(燒)Ｍの焼肉 道頓堀店</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-1 col-xs-2 control-label" for="to">To:</label>
<div class="col-sm-11 col-xs-10">
<select id="to" class="form-control">
<option value='' data-color='#d3a'>Current Location</option>
<option value='34.9861116,135.7525122' data-group='0' data-color='E65100' data-placeid='ChIJ2_bqcpUIAWARCxsfbw83nEY'>Rihga Royal Hotel Kyoto</option>
<option value='34.9914842,135.7517349' data-group='0' data-color='E65100' data-placeid='ChIJqWSqqaUIAWARVotojXZxsLU'>西本願寺 Nishihongan-ji Temple</option>
<option value='34.9811177,135.7475964' data-group='0' data-color='E65100' data-placeid='ChIJTar7hQQGAWAREHkXsNkt7tM'>東寺 Toji</option>
<option value='35.0142299,135.748218' data-group='0' data-color='E65100' data-placeid='ChIJC5srCtQHAWARLy9qkFmHaxA'>二条城 Nijō Castle</option>
<option value='34.9874767,135.7594926' data-group='0' data-color='E65100' data-placeid='ChIJ__8_qK8IAWARMMzDo8PW_hk'>京都タワー Kyoto Tower</option>
<option value='34.982789,135.754422' data-group='0' data-color='E65100' data-placeid='ChIJ8Uuuf6kIAWARFFrpsu-HJHQ'>AEON Mall KYOTO</option>
<option value='35.004287,135.762009' data-group='0' data-color='E65100' data-placeid='ChIJISb-rpAIAWARX9Z2o_x8G8c'>大丸京都店 Daimaru Kyoto</option>
<option value='35.003152,135.768211' data-group='0' data-color='E65100' data-placeid='ChIJwzqJepUIAWARvlUYqigZpJI'>髙島屋 Takashimaya Kyoto</option>
<option value='35.0314012,135.7351215' data-group='0' data-color='558B2F' data-placeid='ChIJbeDwe-0HAWARGu4ubMH-Jls'>北野天満宮 Kitano Tenman-gū Shrine</option>
<option value='35.03937,135.7292431' data-group='0' data-color='558B2F' data-placeid='ChIJvUbrwCCoAWARX2QiHCsn5A4'>金閣寺 Kinkaku-ji</option>
<option value='35.0344943,135.7182634' data-group='0' data-color='558B2F' data-placeid='ChIJp7ocMCqoAWARQoXXRj4Xq-E'>龍安寺 Ryōan-ji</option>
<option value='35.0310937,135.7138198' data-group='0' data-color='558B2F' data-placeid='ChIJh1Gu838HAWARQ7d7NyfdG-o'>仁和寺 Ninna-ji</option>
<option value='35.0166895,135.5824658' data-group='0' data-color='558B2F' data-placeid='ChIJGxCciMJUAGARMTym5nPrY0c'>亀岡駅 Kameoka Station</option>
<option value='35.0174542,135.5876259' data-group='0' data-color='558B2F' data-placeid='ChIJ77ZFtsRUAGARo0Wg43OFG7M'>亀岡平和祭保津川市民花火大会 (保津橋 Hozu Bridge)</option>
<option value='35.0027595,135.7748843' data-group='0' data-color='673AB7' data-placeid='ChIJj5Xmc8EIAWARm2FREzaRIHk'>花見小路 Hanami-koji Street</option>
<option value='34.9975766,135.7778509' data-group='0' data-color='673AB7' data-placeid='ChIJLRkifM8IAWARGw5vgkS13W0'>TekuTeku清水店</option>
<option value='34.998122,135.7808431' data-group='0' data-color='673AB7' data-placeid='ChIJlwyrGNAIAWARNb5hUHdZruY'>二年坂 Ninenzaka</option>
<option value='34.9963442,135.7808771' data-group='0' data-color='673AB7' data-placeid='ChIJr_gZonkIAWARB1xyACZNUKM'>三年坂 Sannen-zaka</option>
<option value='34.9948561,135.7850463' data-group='0' data-color='673AB7' data-placeid='ChIJB_vchdMIAWARujTEUIZlr2I'>清水寺 Kiyomizu-dera</option>
<option value='34.9878845,135.7717126' data-group='0' data-color='673AB7' data-placeid='ChIJs4Cbj8oIAWARiBZl2-sBK6o'>三十三間堂 Rengeoin Sanjusangendo</option>
<option value='35.0214836,135.7942056' data-group='0' data-color='0288D1' data-placeid=''>哲学の道 Tetsugaku-no-michi</option>
<option value='35.0271518,135.7978642' data-group='0' data-color='0288D1' data-placeid='ChIJ4W9CCwUJAWARyauI6BzKiiU'>銀閣寺 Ginkaku-ji Temple</option>
<option value='35.063264,135.785161' data-group='0' data-color='0288D1' data-placeid='ChIJQxhh-CkIAWARQrFR88Uxa5k'>国際会館駅 Kokusaikaikan Station</option>
<option value='35.0174358,135.7887915' data-group='0' data-color='0288D1' data-placeid='ChIJqeJAF-IIAWARU4YU3rm3HcI'>岡崎神社 Okazaki Shrine</option>
<option value='35.105953,135.763661' data-group='0' data-color='0288D1' data-placeid='ChIJt2ozdD2mAWAReTB3N7-G5gc'>貴船口駅 Kibuneguchi Station</option>
<option value='35.039171,135.773011' data-group='0' data-color='0288D1' data-placeid='ChIJf438RkAIAWARzM3lfzI7uAM'>下鴨神社 Shimogamo-Jinja</option>
<option value='35.0262444,135.7808218' data-group='0' data-color='0288D1' data-placeid='ChIJdUvW-1cIAWARQySM6vQekhE'>京都大学 Kyoto University</option>
<option value='35.0158275,135.673771' data-group='0' data-color='4E342E' data-placeid='ChIJBWpY-QGqAWARrJCIREaU9Ns'>天龍寺 Tenryu-ji</option>
<option value='35.0177597,135.6742103' data-group='0' data-color='4E342E' data-placeid='ChIJuaeJMwKqAWAR_YOYeQIx9Lc'>野宮神社 Nonomiya Shrine</option>
<option value='35.0176088,135.6743552' data-group='0' data-color='4E342E' data-placeid='ChIJBxLigwOqAWAR3W2OPy4vqHg'>嵯峨野 竹林の道 Chikurin</option>
<option value='34.7121428,135.5929906' data-group='0' data-color='0288D1' data-placeid=''>Mitsui Outlet Park Osaka Tsurumi</option>
<option value='34.9861414,135.7583035' data-group='1' data-color='E65100' data-placeid='ChIJPWF05q4IAWARPuh4uEmVbd0'>(冰)抹茶甜點 中村藤吉</option>
<option value='34.9847047,135.7594341' data-group='1' data-color='E65100' data-placeid='ChIJJ01j8K0IAWARzS1wzZlK4ss'>(回)寿しのむさし Sushi no Musashi</option>
<option value='34.9866851,135.7624927' data-group='1' data-color='E65100' data-placeid='ChIJAQDb87EIAWARi5Y4U4cs7aU'>(拉)本家 第一旭 たかばし本店 Honke Daiichiasahi (Ramen)</option>
<option value='34.979051,135.7508651' data-group='1' data-color='E65100' data-placeid='ChIJmSn2yQEGAWAR7eiWquxgreo'>(鰻)美登利</option>
<option value='34.992946,135.75525' data-group='1' data-color='E65100' data-placeid='ChIJXS16PKEIAWARdcr1_YXNGiw'>(拉)吟醸らーめん久保田 Ginjo ramen Kubota</option>
<option value='34.997126,135.763273' data-group='1' data-color='E65100' data-placeid='ChIJtf9w77wIAWARCmYYYbDRZxM'>(鰻)江戸正 Edoshou</option>
<option value='35.0049237,135.7638164' data-group='1' data-color='E65100' data-placeid='ChIJ9c3J1ZAIAWARt9V8tVMg3Jw'>史奴比茶屋 京都錦店</option>
<option value='35.0050002,135.7632709' data-group='1' data-color='E65100' data-placeid='ChIJq4uKz5AIAWARpSO8-p4crWM'>錦市場 Nishiki Market</option>
<option value='35.0044019,135.7613432' data-group='1' data-color='E65100' data-placeid='ChIJWdqtd5wIAWARmZqtuyzzY14'>(甜)HARBS</option>
<option value='35.006077,135.755951' data-group='1' data-color='E65100' data-placeid='ChIJU93EToMIAWARIRwSxd0sPps'>(冰)梅園 CAFE & GALLERY</option>
<option value='34.9887373,135.7609002' data-group='1' data-color='E65100' data-placeid='ChIJAX4aw68IAWARipD2f5gAnXA'>(燒)京の燒肉處 弘 京都駅 Hiro Kyoto Station</option>
<option value='35.004578,135.76753' data-group='1' data-color='E65100' data-placeid='ChIJxegDSJQIAWARKYgV3JBG3xk'>(拉)らーめん千の風京都 Ramen Sen No Kaze</option>
<option value='35.0058157,135.7680653' data-group='1' data-color='E65100' data-placeid='ChIJ73n36IYIAWAR0OYK9dUDK5g'>(拉)一蘭拉麵 Ichiran Kyoto Kawaramachi</option>
<option value='35.0049407,135.7643007' data-group='1' data-color='E65100' data-placeid='ChIJu85C05YIAWARbuCVs-uBT1I'>(鰻)味彩のと与</option>
<option value='35.0122992,135.7556232' data-group='1' data-color='E65100' data-placeid='ChIJbypm3oAIAWARm7lUBldgck4'>(甜)La Madrague</option>
<option value='35.012303,135.764174' data-group='1' data-color='E65100' data-placeid='ChIJX1vq444IAWARlkfJCveRnAc'>(燒)焼肉ダイニング 甲 Yakiniku Dining Kinoe</option>
<option value='35.0143941,135.7585817' data-group='1' data-color='E65100' data-placeid='ChIJRdmIEocIAWARZKzTfph2pK4'>(鰻)鰻割烹 まえはら</option>
<option value='35.0175605,135.7546083' data-group='1' data-color='E65100' data-placeid='ChIJoaX_2H4IAWAREXhYIroawW8'>(咖)近江屋清右衛門 Ohmiya Seiuemon</option>
<option value='35.0371111,135.7300931' data-group='1' data-color='558B2F' data-placeid='ChIJoxFEaIoHAWAR-M4Lo2GlUOw'>(拉)ラーメンKAZU 金閣寺店 Ramen Kazu</option>
<option value='35.0347192,135.7279834' data-group='1' data-color='558B2F' data-placeid='ChIJ4cF5eYkHAWARqPgDQVrSRLk'>(回)無添くら寿司 Kura Kaiten Sushi</option>
<option value='35.0393929,135.7323531' data-group='1' data-color='558B2F' data-placeid='ChIJAQA8CSCoAWARJ39qDItjBW4'>(冰)金閣そふと</option>
<option value='35.0070046,135.7710001' data-group='1' data-color='673AB7' data-placeid='ChIJt3Q_tZQIAWARhnwJ7t1qjU0'>京都勝牛 Kyoto Katsugyu</option>
<option value='35.0073367,135.7708292' data-group='1' data-color='673AB7' data-placeid='ChIJ3UELspQIAWARtJN6BkVE3Zg'>(咖)ザ・洋食屋キチキチ Kichi Kichi Omurice</option>
<option value='35.0081589,135.7707486' data-group='1' data-color='673AB7' data-placeid='ChIJKU9UUZMIAWARCV0U0soe7ew'>(燒)京の燒肉處 弘 先斗町 Hiro Yakiniku</option>
<option value='35.0040322,135.7706497' data-group='1' data-color='673AB7' data-placeid='ChIJp8sUTpUIAWARa7Xtrcri5Qk'>(回)CHOJIRO Shijo Kiyamachi</option>
<option value='35.0092197,135.7711964' data-group='1' data-color='673AB7' data-placeid='ChIJKQUNgYMIAWARxtV8RTAhsBY'>(冰)Starbucks 京都三条大橋店</option>
<option value='35.010759,135.7664149' data-group='1' data-color='673AB7' data-placeid='ChIJsZSgRJIIAWARGEef_m6mcfk'>(回)魚倖</option>
<option value='35.0050873,135.7710818' data-group='1' data-color='673AB7' data-placeid='ChIJ___UReoIAWARt8CA94SnPCM'>先斗町 Pontocho Area</option>
<option value='35.0043675,135.769692' data-group='1' data-color='673AB7' data-placeid='ChIJRYqPFpUIAWARs10mZc8Vexk'>(冰)築地 Tsukiji</option>
<option value='35.0084758,135.7692401' data-group='1' data-color='673AB7' data-placeid='ChIJKQUNgYMIAWARkoSNKNLTwB8'>(冰)六曜社 地下店</option>
<option value='35.007551,135.769202' data-group='1' data-color='673AB7' data-placeid='ChIJMZDLZJMIAWARD1HpjRtDHpg'>(冰)梅園 Kawaramachi</option>
<option value='35.005245,135.773199' data-group='1' data-color='673AB7' data-placeid='ChIJX0YgieoIAWARU9Vjof45-5Q'>(冰)PASS THE BATON KYOTO GION</option>
<option value='35.0088013,135.7709263' data-group='1' data-color='673AB7' data-placeid='ChIJpUJ4S5MIAWARGNAH10kRJt0'>(冰)京はやしや 三条店</option>
<option value='35.0020619,135.7743841' data-group='1' data-color='673AB7' data-placeid='ChIJXZAzFMEIAWARlY4cMKMnJ8A'>(鰻)Uokeya U</option>
<option value='34.997521,135.780953' data-group='1' data-color='673AB7' data-placeid='ChIJrZR8L9AIAWAR4pO8zE_FzH4'>(冰)梅園 清水店 Kiyomizu</option>
<option value='35.003673,135.77448' data-group='1' data-color='673AB7' data-placeid='ChIJ8wbKvcEIAWARgiZqwLlAt3w'>(冰)祇園辻利</option>
<option value='34.9983044,135.7807042' data-group='1' data-color='673AB7' data-placeid='ChIJVVUxHNAIAWARajMD6yzimWw'>(冰)Starbucks 二年坂 Yasaka Chaya</option>
<option value='34.9986354,135.778294' data-group='1' data-color='673AB7' data-placeid='ChIJnW0DdsUIAWAROy9GuxW9QVI'>(咖)% Arabica Kyoto Higashiyama</option>
<option value='35.1217995,135.7632492' data-group='1' data-color='0288D1' data-placeid='ChIJ2TYj8QimAWARuN2LY02VI2E'>貴船荘 （京都 川床）</option>
<option value='35.0169903,135.6772921' data-group='1' data-color='4E342E' data-placeid='ChIJDXcKbP-pAWARpdgtb_vIQ_0'>(鰻)うなぎ屋廣川 Hirokawa</option>
<option value='34.973553,135.746384' data-group='1' data-color='E65100' data-placeid=''>本間ゴルフ京都十条店</option>
<option value='34.4320024,135.2303939' data-group='2' data-color='0288D1' data-placeid='ChIJ9_rNIxO5AGARiI-QjZ-ncfE'>関西国際空港 Kansai International Airport</option>
<option value='34.672077,135.500021' data-group='2' data-color='0288D1' data-placeid='ChIJv5bGHBHnAGARMUykGleuJdM'>Apple 心斎橋</option>
<option value='34.6724955,135.5012841' data-group='2' data-color='0288D1' data-placeid='ChIJsX9AMBHnAGARyuwkEzUKYAU'>agnes b 心斎橋</option>
<option value='34.6711172,135.5013491' data-group='2' data-color='0288D1' data-placeid='ChIJc7M3_BPnAGARI8OZlTnEXGI'>心斎橋筋商店街 Shinsaibashisuji Shopping Street</option>
<option value='34.6707875,135.5015353' data-group='2' data-color='0288D1' data-placeid='ChIJ6y0U_xPnAGAR9yvePfDkQgI'>Adidas</option>
<option value='34.6696013,135.5013817' data-group='2' data-color='0288D1' data-placeid='ChIJVVXEixPnAGAROTO6G-0DQD0'>LUSH心斎橋店</option>
<option value='34.6687235,135.5012953' data-group='2' data-color='0288D1' data-placeid=''>道頓堀 Dotonbori</option>
<option value='34.6665742,135.5026363' data-group='2' data-color='0288D1' data-placeid='ChIJTU1sSWvnAGAR7ughC3rYMUM'>BIC CAMERA Namba Store</option>
<option value='34.6653063,135.5070046' data-group='2' data-color='0288D1' data-placeid='ChIJVVURjWnnAGARDTfa8ECE7GQ'>黒門市場 Kuromon Ichiba Market</option>
<option value='34.6739896,135.5014327' data-group='2' data-color='0288D1' data-placeid='ChIJZUyozBDnAGARxvByO0xncUM'>LUKE'S LOBSTER</option>
<option value='34.6692097,135.503039' data-group='2' data-color='0288D1' data-placeid='ChIJ94kl9BTnAGARgA4Z1NMnRdQ'>一蘭 道頓堀店 Ichiran Dotonbori shop</option>
<option value='34.671013,135.502907' data-group='2' data-color='0288D1' data-placeid='ChIJlXI7PRTnAGARiVb_Zzz8QTo'>(燒)焼肉六甲 心斎橋 Yakiniku Rokko</option>
<option value='34.6692824,135.5030062' data-group='2' data-color='0288D1' data-placeid='ChIJAQBM9BTnAGARBDmRSG1AuO4'>(燒)Ｍの焼肉 道頓堀店</option>
</select>
</div>
</div>
<div class="form-group">
<div class="col-sm-11 col-sm-offset-1 col-xs-10 col-xs-offset-2">
<div class="radio">
<label class="radio-inline">
<input type="radio" name="mode" value="1" checked> Transit
</label>
<label class="radio-inline">
<input type="radio" name="mode" value="2"> Driving
</label>
<label class="radio-inline">
<input type="radio" name="mode" value="3"> Walking
</label>
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-12 col-xs-12">
<button class="btn btn-primary btn-block" type="button" id="route">Route</button>
</div>
</div>
</form>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">
<span class="glyphicon glyphicon-screenshot"></span> Map Directions
</h3>
</div>
<div class="panel-body">
<div><span class="label">Apple</span><span id="apple">No Route Yet</span></div>
<div><span class="label">Google</span><span id="google">No Route Yet</span></div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">
<span class="glyphicon glyphicon-exclamation-sign"></span> Place Info
</h3>
</div>
<div class="panel-body">
<div id="map"></div>
</div>
</div>
</div>
<script>
var from_html = $('#from').html();
var to_html = $('#to').html();
// var icon_colors = ['4E342E','0288D1','558B2F','673AB7','E65100'];
$('.nav-pills a').on('click', function (event) {
event.preventDefault();
var group = $(this).data('group');
$(this).closest('li').toggleClass('active');
$('#from').html(from_html).change();
$('#to').html(to_html);
$('li:not([class^="active"])').each(function () {
var hide_group = $(this).find('a').data('group');
$(`option[data-group="${hide_group}"]`).remove();
});
});
$('#from, #to, [name="mode"]').on('click', function () {
$('#apple').empty().append('No Route Yet');
$('#google').empty().append('No Route Yet');
});
$('#route').on('click', function () {
var from_value = $('#from').val();
var from_text = $('#from option:selected').text();
var from_color = $('#from option:selected').data('color');
var to_value = $('#to').val();
var to_text = $('#to option:selected').text();
var to_color = $('#to option:selected').data('color');
var mode = $('[name="mode"]:checked').val();
var href_text = `
<span class="glyphicon glyphicon-map-marker"></span>
<span style='color: #${from_color};'>${from_text}</span>
<span class="glyphicon glyphicon-arrow-right"></span>
<span class="glyphicon glyphicon-map-marker"></span>
<span style='color: #${to_color};'>${to_text}</span>
`;
var mode_apple = 'r';
var mode_google = 'transit';
if (mode == 2) { mode_apple = 'd'; mode_google = 'driving'; }
else if (mode == 3) { mode_apple = 'w'; mode_google = 'walking'; }
var api_apple = `http://maps.apple.com/?saddr=${from_value}&daddr=${to_value}&dirflg=${mode_apple}`;
var api_google = `https://www.google.com/maps/dir/?api=1&origin=${from_value}&destination=${to_value}&travelmode=${mode_google}`;
$('#apple').empty().append(`<a href="${api_apple}" target="_blank">${href_text}</a>`);
$('#google').empty().append(`<a href="${api_google}" target="_blank">${href_text}</a>`);
});
$('#from').on('change', function () {
var location = $(this).val();
var geocode = location.split(',');
var place_name = $(this).find('option:selected').text();
// var color = $(this).find('option:selected').data('color');
var place_id = $(this).find('option:selected').data('placeid') || '';
// if (icon_colors.indexOf(color) < 0) { color = 'E65100'; }
if (geocode.length == 2) {
var map = new google.maps.Map($('#map')[0], {
center: {lat: Number(geocode[0]), lng: Number(geocode[1])},
zoom: 19
});
if (place_id) {
var infowindow = new google.maps.InfoWindow();
var service = new google.maps.places.PlacesService(map);
service.getDetails({ placeId: place_id }, function (place, status) {
if (status == google.maps.places.PlacesServiceStatus.OK) {
var marker = new google.maps.Marker({
map: map,
position: place.geometry.location,
// icon: {
// url: `images/icon-${color}.png`,
// size: new google.maps.Size(35, 35),
// origin: new google.maps.Point(0, 0),
// anchor: new google.maps.Point(17, 34),
// scaledSize: new google.maps.Size(35, 35)
// }
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.setContent('<div><strong>' + place_name + '</strong><br>' +
'Rating: <strong>' + place.rating + '</strong><br>' +
'<a href="' + place.url + '" target="_blank">View on Google Maps</a>' + '</div>');
infowindow.open(map, this);
});
}
});
}
} else {
$('#map').empty();
}
});
</script>
</body>
</html>