summaryrefslogtreecommitdiff
path: root/src/js/tours.js
blob: 4c4e3314a0fdd447871cd817b2a0e1fcf76da26b (plain)
  1. //Load common code that includes config, then load the app logic for this page.
  2. requirejs(['./slippymap'], function(_foo) {
  3. var depth = '../../';
  4. requirejs.config({
  5. baseUrl: depth + 'js/lib',
  6. });
  7. requirejs([
  8. 'app/mapfactory',
  9. 'json!data/tours.json',
  10. 'leaflet.extra-markers'
  11. ], function(mkmap, tours) {
  12. L.Icon.Default.imagePath = depth + 'img/leaflet/';
  13. var map = mkmap('map', [
  14. [55.76846, 12.45369],
  15. [55.54883, 12.67891]
  16. ]);
  17. /*
  18. requirejs([
  19. 'app/boundary',
  20. 'json!data/bydele.json'
  21. ], function(boundary, data) {
  22. map.addLayer(boundary(data));
  23. map.layers.addOverlay(boundary(data), 'Regionsgrænse');
  24. });
  25. */
  26. var markerDead = L.ExtraMarkers.icon({
  27. prefix: 'fa',
  28. icon: 'fa-ambulance',
  29. markerColor: 'red'
  30. });
  31. var waypoint = L.marker([55.6924, 12.5870],{icon: markerDead}).addTo(map);
  32. waypoint.bindPopup("<a href=../ostervold/>Ud af Østerport</a>");
  33. function style(feature) {
  34. return {
  35. weight: '2',
  36. color: '#336699',
  37. fillOpacity: '0.4'
  38. };
  39. }
  40. var geojson;
  41. function highlightFeature(e) {
  42. var layer = e.target;
  43. layer.setStyle({
  44. weight: 5,
  45. color: '#666',
  46. dashArray: '',
  47. fillOpacity: 0.7
  48. });
  49. if (!L.Browser.ie && !L.Browser.opera && !L.Browser.edge) {
  50. layer.bringToFront();
  51. }
  52. }
  53. function resetHighlight(e) {
  54. geojson.resetStyle(e.target);
  55. }
  56. function popup (e) {
  57. var layer = e.target;
  58. return '<a href="'+layer.feature.properties.link+'">'+layer.feature.properties.link+'</a>';
  59. }
  60. function onEachFeature(feature, layer) {
  61. layer.on({
  62. click: popup,
  63. mouseover: highlightFeature,
  64. mouseout: resetHighlight
  65. });
  66. }
  67. geojson = L.geoJson(tours, {
  68. style: style,
  69. onEachFeature: onEachFeature
  70. //}).bindPopup(function (layer) {
  71. // return '<a href="'+layer.feature.properties.link+'">'+layer.feature.properties.link+'</a>';
  72. }).addTo(map);
  73. //geojson.bindPopup("<a href=../../osterbro/>Ture på Østerbro</a>");
  74. //geojson.bindPopup(popup);
  75. var polygon = L.polygon([
  76. [55.69916, 12.59171],
  77. [55.69505, 12.59359],
  78. [55.69505, 12.6002],
  79. [55.68808, 12.59952],
  80. [55.67899, 12.59351],
  81. [55.66727, 12.57162],
  82. [55.66824, 12.57188],
  83. [55.67454, 12.56424],
  84. [55.67458, 12.56021],
  85. [55.67434, 12.55815],
  86. [55.68068, 12.56021],
  87. [55.68629, 12.56467],
  88. [55.69094, 12.57162],
  89. [55.69616, 12.57986]
  90. ]).addTo(map);
  91. polygon.bindPopup("<a href=../../city/>Ture i Indre By</a>");
  92. var polygon = L.polygon([
  93. [55.69036, 12.63256],
  94. [55.67507, 12.64904],
  95. [55.66481, 12.63883],
  96. [55.63391, 12.65943],
  97. [55.63090, 12.68028],
  98. [55.60744, 12.67891],
  99. [55.60589, 12.66998],
  100. [55.59542, 12.67342],
  101. [55.59348, 12.68200],
  102. [55.58766, 12.67960],
  103. [55.55408, 12.59171],
  104. [55.60744, 12.50622],
  105. [55.64176, 12.55360],
  106. [55.66306, 12.58553],
  107. [55.66287, 12.59377],
  108. [55.66636, 12.5948],
  109. [55.66965, 12.58175],
  110. [55.67139, 12.5845],
  111. [55.66907, 12.5996],
  112. [55.67507, 12.61024],
  113. [55.68494, 12.6123]
  114. ]).addTo(map);
  115. polygon.bindPopup("<a href=../../amager/>Ture på Amager</a>");
  116. var polygon = L.polygon([
  117. [55.72829, 12.52118],
  118. [55.72784, 12.52198],
  119. [55.72743, 12.52495],
  120. [55.72665, 12.52552],
  121. [55.72719, 12.52673],
  122. [55.727, 12.5275],
  123. [55.72713, 12.52962],
  124. [55.72698, 12.5332],
  125. [55.72714, 12.53514],
  126. [55.72632, 12.53948],
  127. [55.72421, 12.54104],
  128. [55.72364, 12.5425],
  129. [55.72355, 12.5442],
  130. [55.72374, 12.54439],
  131. [55.72384, 12.54553],
  132. [55.72355, 12.54667],
  133. [55.72375, 12.54875],
  134. [55.72388, 12.54926],
  135. [55.72371, 12.54958],
  136. [55.7238, 12.55025],
  137. [55.72351, 12.55173],
  138. [55.72336, 12.55379],
  139. [55.72257, 12.55426],
  140. [55.72245, 12.5613],
  141. [55.72188, 12.56345],
  142. [55.71986, 12.56126],
  143. [55.71982, 12.5619],
  144. [55.71967, 12.56235],
  145. [55.71982, 12.56261],
  146. [55.71912, 12.56433],
  147. [55.71137, 12.55327],
  148. [55.70828, 12.54465],
  149. [55.70662, 12.54184],
  150. [55.70375, 12.53911],
  151. [55.69807, 12.53669],
  152. [55.69749, 12.53604],
  153. [55.6973, 12.53214],
  154. [55.69679, 12.53214],
  155. [55.69684, 12.53016],
  156. [55.69597, 12.52984],
  157. [55.69558, 12.52759],
  158. [55.69677, 12.52562],
  159. [55.70186, 12.51952],
  160. [55.70664, 12.51592],
  161. [55.70842, 12.51175],
  162. [55.70949, 12.51257],
  163. [55.71043, 12.51272],
  164. [55.71181, 12.51205],
  165. [55.71385, 12.51568],
  166. [55.71577, 12.51652],
  167. [55.71712, 12.51645],
  168. [55.71767, 12.51439],
  169. [55.71771, 12.513],
  170. [55.71887, 12.51323],
  171. [55.71961, 12.51315],
  172. [55.72276, 12.51484],
  173. [55.72635, 12.51783],
  174. [55.72756, 12.5195]
  175. ]).addTo(map);
  176. polygon.bindPopup("<a href=../../bispebjerg/>Ture på Bispebjerg</a>");
  177. var polygon = L.polygon([
  178. [55.66979, 12.57956],
  179. [55.66648, 12.5949],
  180. [55.66297, 12.59383],
  181. [55.66404, 12.58482],
  182. [55.65993, 12.57634],
  183. [55.65639, 12.56993],
  184. [55.64996, 12.56647],
  185. [55.64787, 12.56184],
  186. [55.64867, 12.55877],
  187. [55.66113, 12.56819]
  188. ]).addTo(map);
  189. polygon.bindPopup("<a href=../../islandsbrygge/>Ture på Islands Brygge</a>");
  190. var polygon = L.polygon([
  191. [55.69805, 12.61943],
  192. [55.69747, 12.62951],
  193. [55.69466, 12.63046],
  194. [55.69256, 12.62544],
  195. [55.69017, 12.62393],
  196. [55.68842, 12.61376],
  197. [55.68704, 12.61359],
  198. [55.68683, 12.61883],
  199. [55.68511, 12.61273],
  200. [55.67967, 12.61406],
  201. [55.67393, 12.60982],
  202. [55.66948, 12.60037],
  203. [55.66764, 12.58965],
  204. [55.66858, 12.58239],
  205. [55.66989, 12.57956],
  206. [55.6747, 12.58793],
  207. [55.67833, 12.59664],
  208. [55.67771, 12.59879],
  209. [55.67923, 12.60063],
  210. [55.67754, 12.60767],
  211. [55.68373, 12.60947],
  212. [55.68736, 12.60823],
  213. [55.68925, 12.61055],
  214. [55.68997, 12.60621],
  215. [55.69728, 12.60836]
  216. ]).addTo(map);
  217. polygon.bindPopup("<a href=../../christianshavn/>Ture på Christianshavn</a>");
  218. var polygon = L.polygon([
  219. [55.69748, 12.53594],
  220. [55.69701, 12.53544],
  221. [55.69524, 12.53446],
  222. [55.69375, 12.53609],
  223. [55.69137, 12.53622],
  224. [55.68763, 12.54126],
  225. [55.68633, 12.54491],
  226. [55.68516, 12.54720],
  227. [55.68475, 12.55355],
  228. [55.68388, 12.55529],
  229. [55.68199, 12.55778],
  230. [55.67381, 12.55536],
  231. [55.67235, 12.55563],
  232. [55.67271, 12.55156],
  233. [55.67259, 12.54969],
  234. [55.67020, 12.54023],
  235. [55.67018, 12.53767],
  236. [55.66778, 12.53025],
  237. [55.66655, 12.52364],
  238. [55.66991, 12.51111],
  239. [55.6689, 12.49626],
  240. [55.67231, 12.49527],
  241. [55.67233, 12.4954],
  242. [55.67248, 12.49304],
  243. [55.6771, 12.4924],
  244. [55.67945, 12.49274],
  245. [55.68327, 12.4948],
  246. [55.68792, 12.50429],
  247. [55.69082, 12.516],
  248. [55.69488, 12.52424],
  249. [55.69587, 12.52999],
  250. [55.69667, 12.5321],
  251. [55.69725, 12.53222]
  252. ]).addTo(map);
  253. polygon.bindPopup("<a href=../../frederiksberg/>Ture på Frederiksberg</a>");
  254. var polygon = L.polygon([
  255. [55.70927, 12.61153],
  256. [55.70533, 12.61031],
  257. [55.69795, 12.6149],
  258. [55.69736, 12.60821],
  259. [55.68939, 12.60595],
  260. [55.68554, 12.60527],
  261. [55.68408, 12.60445],
  262. [55.68372, 12.60964],
  263. [55.6775, 12.60795],
  264. [55.6793, 12.60061],
  265. [55.67038, 12.58756],
  266. [55.6723, 12.58349],
  267. [55.66984, 12.57952],
  268. [55.66131, 12.56819],
  269. [55.6632, 12.5628],
  270. [55.66782, 12.57278],
  271. [55.67855, 12.59239],
  272. [55.67875, 12.59342],
  273. [55.68765, 12.59943],
  274. [55.69529, 12.59995],
  275. [55.69539, 12.59394],
  276. [55.70598, 12.59969]
  277. ]).addTo(map);
  278. polygon.bindPopup("<a href=../../havnen/>Ture ved Københavns Havn</a>");
  279. var polygon = L.polygon([
  280. [55.67466, 12.5642],
  281. [55.66819, 12.57196],
  282. [55.66776, 12.57111],
  283. [55.6673, 12.57154],
  284. [55.66381, 12.56441],
  285. [55.66209, 12.5657],
  286. [55.65311, 12.55866],
  287. [55.65454, 12.55261],
  288. [55.65541, 12.5533],
  289. [55.65704, 12.5527],
  290. [55.65408, 12.53849],
  291. [55.65529, 12.53767],
  292. [55.66248, 12.54154],
  293. [55.66326, 12.53068],
  294. [55.66723, 12.52828],
  295. [55.67015, 12.53806],
  296. [55.67308, 12.54823],
  297. [55.67267, 12.54999],
  298. [55.67451, 12.54986],
  299. [55.67352, 12.55411],
  300. [55.67456, 12.56021],
  301. [55.67352, 12.56115]
  302. ]).addTo(map);
  303. polygon.bindPopup("<a href=../../vesterbro/>Ture på Vesterbro</a>");
  304. var polygon = L.polygon([
  305. [55.69379, 12.536],
  306. [55.69447, 12.53549],
  307. [55.69524, 12.53446],
  308. [55.6966, 12.53566],
  309. [55.69713, 12.53557],
  310. [55.69807, 12.53673],
  311. [55.70103, 12.53785],
  312. [55.70376, 12.53909],
  313. [55.70659, 12.54192],
  314. [55.70826, 12.54463],
  315. [55.7113, 12.55334],
  316. [55.71004, 12.55506],
  317. [55.70361, 12.55772],
  318. [55.70313, 12.55875],
  319. [55.70642, 12.56252],
  320. [55.69636, 12.56166],
  321. [55.69171, 12.56948],
  322. [55.68726, 12.56278],
  323. [55.68208, 12.5578],
  324. [55.68475, 12.55385],
  325. [55.68538, 12.5469],
  326. [55.6876, 12.54141],
  327. [55.69108, 12.53643],
  328. [55.69287, 12.53557]
  329. ]).addTo(map);
  330. polygon.bindPopup("<a href=../../norrebro/>Ture på Nørrebro</a>");
  331. var polygon = L.polygon([
  332. [55.67938, 12.49236],
  333. [55.67734, 12.49227],
  334. [55.67243, 12.49291],
  335. [55.67231, 12.49519],
  336. [55.6688, 12.49618],
  337. [55.66984, 12.51107],
  338. [55.6664, 12.52364],
  339. [55.6673, 12.52823],
  340. [55.66328, 12.53059],
  341. [55.66321, 12.52772],
  342. [55.66248, 12.5245],
  343. [55.65164, 12.52755],
  344. [55.65108, 12.52154],
  345. [55.65219, 12.51596],
  346. [55.64546, 12.52308],
  347. [55.64386, 12.52223],
  348. [55.64192, 12.52283],
  349. [55.63967, 12.52184],
  350. [55.63713, 12.52248],
  351. [55.63737, 12.52094],
  352. [55.63439, 12.50901],
  353. [55.64667, 12.49068],
  354. [55.65285, 12.48502],
  355. [55.65725, 12.47785],
  356. [55.67197, 12.47867],
  357. [55.67219, 12.47433],
  358. [55.67272, 12.47442],
  359. [55.67282, 12.48176],
  360. [55.67398, 12.48407],
  361. [55.67584, 12.48446]
  362. ]).addTo(map);
  363. polygon.bindPopup("<a href=../../valby/>Ture i Valby</a>");
  364. var polygon = L.polygon([
  365. [55.69602, 12.5796],
  366. [55.69164, 12.58797],
  367. [55.69522, 12.59407],
  368. [55.69517, 12.60029],
  369. [55.68825, 12.59934],
  370. [55.68731, 12.59046],
  371. [55.6892, 12.58205],
  372. [55.68746, 12.57844],
  373. [55.6846, 12.57364],
  374. [55.67865, 12.56505],
  375. [55.68109, 12.56038],
  376. [55.68671, 12.56553],
  377. [55.69295, 12.5748]
  378. ]).addTo(map);
  379. polygon.bindPopup("<a href=../../voldkvarter/>Ture i Københavns voldkvarterer</a>");
  380. var polygon = L.polygon([
  381. [55.66321, 12.5278],
  382. [55.66299, 12.53725],
  383. [55.66246, 12.54128],
  384. [55.65534, 12.53772],
  385. [55.65396, 12.53832],
  386. [55.65699, 12.55265],
  387. [55.65541, 12.55312],
  388. [55.65386, 12.55197],
  389. [55.65193, 12.55892],
  390. [55.6474, 12.553],
  391. [55.64716, 12.55621],
  392. [55.64183, 12.54862],
  393. [55.64054, 12.54969],
  394. [55.64011, 12.54883],
  395. [55.63148, 12.53128],
  396. [55.63548, 12.53111],
  397. [55.6373, 12.52544],
  398. [55.63689, 12.5227],
  399. [55.6396, 12.52192],
  400. [55.64178, 12.52291],
  401. [55.64374, 12.52227],
  402. [55.64548, 12.52313],
  403. [55.65197, 12.51622],
  404. [55.65101, 12.52145],
  405. [55.65164, 12.52772],
  406. [55.66246, 12.52454]
  407. ]).addTo(map);
  408. polygon.bindPopup("<a href=../../sydvest/>Ture i Sydvestkvarteret</a>");
  409. });
  410. });