melting-pot/js/main.js

1123 lines
36 KiB
JavaScript

//import * as geoDataPointsFromApi from './data.json';
const geoDataJsonMock = {
'version' : 0.6,
'generator': 'Overpass API 0.7.57 93a4d346',
'osm3s' : {
'timestamp_osm_base': '2021-12-05T21:05:09Z',
'copyright' : 'The data included in this document is from www.openstreetmap.org. The data is made available under ODbL.',
},
'elements' : [{
'type': 'node',
'id' : 598729945,
'lat' : 48.6727029,
'lon' : 2.0690276,
'tags': { 'amenity': 'restaurant', 'cuisine': 'crepe', 'name': 'Le Chat Botté' },
}, {
'type': 'node',
'id' : 963824814,
'lat' : 48.6735834,
'lon' : 2.1704756,
'tags': {
'addr:city' : 'Saint-Jean-de-Beauregard',
'addr:housenumber': '5',
'addr:postcode' : '91940',
'addr:street' : 'Grande Rue',
'amenity' : 'restaurant',
'cuisine' : 'french',
'name' : 'L\'Atelier Gourmand',
'phone' : '+33 1 60 12 31 01',
'website' : 'https://lateliergourmand-restaurant.fr/',
},
}, {
'type': 'node',
'id' : 1821405244,
'lat' : 48.5934956,
'lon' : 2.1918785,
'tags': { 'opening_hours:covid19': 'open', 'shop': 'bakery' },
}, {
'type': 'node',
'id' : 1821447330,
'lat' : 48.592966,
'lon' : 2.1911154,
'tags': {
'addr:housenumber': '47',
'addr:postcode' : '91680',
'addr:street' : 'Rue de la libération',
'amenity' : 'restaurant',
'cuisine' : 'french',
'name' : 'Le Chatel',
},
}, {
'type': 'node',
'id' : 1821452707,
'lat' : 48.5928358,
'lon' : 2.1879911,
'tags': {
'addr:housenumber': '52',
'addr:postcode' : '91680',
'addr:street' : 'Rue de la libération',
'amenity' : 'fast_food',
'cuisine' : 'pizza',
'name' : 'Pizza Di Napoli',
},
}, {
'type': 'node',
'id' : 1834699862,
'lat' : 48.6454151,
'lon' : 2.0763808,
'tags': {
'amenity' : 'restaurant',
'cuisine' : 'french',
'delivery:covid19' : 'no',
'drive_through:covid19': 'yes',
'name' : 'Le sabot Rouge',
'opening_hours:covid19': 'open',
'takeaway:covid19' : 'yes',
'toilets' : 'yes',
},
}, {
'type': 'node',
'id' : 1834702870,
'lat' : 48.6478571,
'lon' : 2.0699221,
'tags': { 'amenity': 'restaurant', 'cuisine': 'italian', 'name': 'Bella Storia' },
}, {
'type': 'node',
'id' : 1834705019,
'lat' : 48.6563093,
'lon' : 2.0941853,
'tags': {
'addr:city' : 'Limours',
'addr:postcode': '91470',
'addr:street' : 'D988',
'amenity' : 'restaurant',
'cuisine' : 'french',
'name' : 'Le Relais de la Bénerie',
'phone' : '+33 1 64 91 17 60',
'website' : 'http://www.benerie.com',
},
}, {
'type': 'node',
'id' : 1834714300,
'lat' : 48.6449685,
'lon' : 2.0675456,
'tags': { 'name': 'Boulangerie des Arcades', 'shop': 'bakery' },
}, {
'type': 'node',
'id' : 1834715278,
'lat' : 48.6460212,
'lon' : 2.0765257,
'tags': { 'name': 'Boulangerie des Arcades', 'opening_hours:covid19': 'open', 'shop': 'bakery' },
}, {
'type': 'node',
'id' : 1834715299,
'lat' : 48.645886,
'lon' : 2.0762176,
'tags': { 'access:covid19': 'yes', 'name': 'Maison Rault', 'opening_hours:covid19': 'open', 'shop': 'bakery' },
}, {
'type': 'node',
'id' : 2014435573,
'lat' : 48.6215549,
'lon' : 2.0020417,
'tags': { 'name': 'Boulangerie des Six Moulins', 'shop': 'bakery' },
}, {
'type': 'node',
'id' : 2493756899,
'lat' : 48.5855788,
'lon' : 1.9880778,
'tags': { 'name': 'Boulangerie Patault', 'opening_hours:covid19': 'open', 'shop': 'bakery' },
}, {
'type': 'node',
'id' : 2495079905,
'lat' : 48.5866915,
'lon' : 1.9889874,
'tags': {
'addr:housenumber': '15',
'addr:street' : 'Rue Guy le Rouge',
'amenity' : 'restaurant',
'cuisine' : 'french',
'email' : 'lescu-de-rohan@orange.fr',
'fax' : '+33 1 30 41 47 52',
'name' : 'L\'Escu de Rohan',
'phone' : '+33130413133',
'website' : 'https://www.lescuderohan.com/',
},
}, {
'type': 'node',
'id' : 3139612455,
'lat' : 48.6688887,
'lon' : 2.1209381,
'tags': {
'addr:city' : 'Gometz-la-Ville',
'addr:housenumber': '4',
'addr:postcode' : '91400',
'addr:street' : 'Rue des Trois Quartiers',
'amenity' : 'restaurant',
'cuisine' : 'asian',
'name' : 'Merveilles d\'Asie',
'phone' : '+33 1 60 12 90 90',
},
}, {
'type': 'node',
'id' : 4129002789,
'lat' : 48.6173936,
'lon' : 2.0233807,
'tags': { 'amenity': 'drinking_water' },
}, {
'type': 'node',
'id' : 4169682912,
'lat' : 48.6733384,
'lon' : 2.1403445,
'tags': { 'amenity': 'drinking_water' },
}, {
'type': 'node',
'id' : 4169934697,
'lat' : 48.6173132,
'lon' : 2.0292241,
'tags': {
'addr:city' : 'Bonnelles',
'addr:housenumber': '2',
'addr:postcode' : '78830',
'addr:street' : 'Rue de la Libération',
'amenity' : 'cafe',
'name' : 'Le Relais du Bonnellois',
},
}, {
'type': 'node',
'id' : 4370782566,
'lat' : 48.6486167,
'lon' : 2.0468019,
'tags': { 'amenity': 'drinking_water' },
}, {
'type': 'node',
'id' : 4860114316,
'lat' : 48.6698524,
'lon' : 2.1215873,
'tags': {
'addr:city' : 'Gometz-la-Ville',
'addr:housenumber': '3',
'addr:postcode' : '91400',
'addr:street' : 'Rue des Trois Quartiers',
'name' : 'Boulangerie Patisserie Le Moulin de Gometz',
'shop' : 'bakery',
},
}, {
'type': 'node',
'id' : 5236551305,
'lat' : 48.6729103,
'lon' : 2.0689965,
'tags': { 'amenity': 'drinking_water', 'check_date': '2021-11-20' },
}, {
'type': 'node',
'id' : 5236554259,
'lat' : 48.6729858,
'lon' : 2.0685247,
'tags': { 'amenity': 'cafe', 'name': 'Au PointBar' },
}, {
'type': 'node',
'id' : 5236558077,
'lat' : 48.6724006,
'lon' : 2.0678798,
'tags': {
'addr:city' : 'Les Molières',
'addr:housenumber' : '9',
'addr:postcode' : '91470',
'addr:street' : 'Grande Rue',
'name' : 'La boulangerie des Molières',
'opening_hours' : 'Tu-Sa 06:45-13:00,15:30-19:30; Su 06:45-13:00',
'opening_hours:covid19': 'open',
'phone' : '+33 9 84 51 15 37',
'shop' : 'bakery',
},
}, {
'type': 'node',
'id' : 5409920641,
'lat' : 48.6445544,
'lon' : 2.0671571,
'tags': {
'addr:housenumber': '42',
'addr:street' : 'Rue de Chartres',
'amenity' : 'restaurant',
'name' : 'Tabac des Sports',
'phone' : '+33 6 62 38 18 75',
},
}, {
'type': 'node',
'id' : 5428631674,
'lat' : 48.6463866,
'lon' : 2.0599982,
'tags': {
'addr:city' : 'Pecqueuse',
'addr:housenumber': '19',
'addr:postcode' : '91470',
'addr:street' : 'Rue du 8 Mai 1945',
'amenity' : 'restaurant',
'name' : 'Entrepot\'es',
'phone' : '+33164959740',
'website' : 'https://fr-fr.facebook.com/pages/category/European-Restaurant/Entrepotes-706835119337210/',
},
}, {
'type': 'node',
'id' : 5922556806,
'lat' : 48.6178537,
'lon' : 2.0280854,
'tags': { 'name': 'Le Pain', 'shop': 'bakery' },
}, {
'type': 'node',
'id' : 6126513555,
'lat' : 48.6277177,
'lon' : 2.1017932,
'tags': {
'access:covid19' : 'yes',
'addr:city' : 'Forges-les-Bains',
'addr:housenumber' : '17',
'addr:postcode' : '91470',
'addr:street' : 'Rue du Docteur Babin',
'amenity' : 'restaurant',
'capacity' : '80',
'changing_table' : 'yes',
'cuisine' : 'french',
'delivery:covid19' : 'no',
'diet:meat' : 'yes',
'diet:vegetarian' : 'limited',
'drive_through:covid19' : 'yes',
'name' : 'L\'Arôme',
'opening_hours' : 'We-Sa 12:00-13:30,19:00-20:30; Su 12:00-13:30',
'opening_hours:covid19' : 'open',
'outdoor_seating' : 'yes',
'outdoor_seating:comfort': 'chair',
'payment:cash' : 'yes',
'payment:credit_cards' : 'yes',
'phone' : '+33164908859',
'phone:FR' : '+33 1 64 90 88 59',
'reservation' : 'recommended',
'smoking' : 'outside',
'takeaway:covid19' : 'yes',
'toilets:wheelchair' : 'yes',
'website' : 'https://larome-restaurant.fr/',
},
}, {
'type': 'node',
'id' : 6126980224,
'lat' : 48.6239638,
'lon' : 2.1236317,
'tags': {
'addr:city' : 'Briis-sous-Forges',
'addr:housenumber' : '13',
'addr:postcode' : '91640',
'addr:street' : 'Rue de l\'Armée Patton',
'name' : 'La Briisoise',
'opening_hours' : 'Mo 06:30-20:00; Tu 06:30-20:00; We off; Th 06:30-20:00; Fr 06:30-20:00; Sa 06:30-20:00; Su 06:30-13:30',
'opening_hours:covid19': 'Mo 06:30-20:00; Tu 06:30-20:00; We off; Th 06:30-20:00; Fr 06:30-20:00; Sa 06:30-20:00; Su 06:30-13:30',
'shop' : 'bakery',
'telecom' : '0164907030',
},
}, {
'type': 'node',
'id' : 6126980227,
'lat' : 48.6245805,
'lon' : 2.1248841,
'tags': {
'addr:city' : 'Briis-sous-Forges',
'addr:housenumber' : '8',
'addr:postcode' : '91640',
'addr:street' : 'Rue de l\'Orme Maillard',
'name' : 'Le Grenier de Briis',
'opening_hours:covid19': 'open',
'shop' : 'bakery',
},
}, {
'type': 'node',
'id' : 6126980229,
'lat' : 48.6241473,
'lon' : 2.1255589,
'tags': {
'addr:city' : 'Briis-sous-Forges',
'addr:housenumber' : '7',
'addr:postcode' : '91640',
'addr:street' : 'Rue Marcel Quinet',
'amenity' : 'restaurant',
'capacity' : '50',
'name' : 'Salades et grillades',
'old:name' : 'Le Marrakech',
'opening_hours:covid19': 'off',
'takeaway' : 'yes',
'telecom' : '01 69 92 71 19',
'wikidata' : 'https://commons.wikimedia.org/wiki/File:Le_pilori_-_Caf%C3%A9_bar_restaurant.jpg',
},
}, {
'type': 'node',
'id' : 6126980230,
'lat' : 48.6241837,
'lon' : 2.1227134,
'tags': {
'amenity' : 'fast_food',
'cuisine' : 'pizza',
'delivery' : 'yes',
'delivery:covid19' : 'yes',
'drive_through:covid19': 'yes',
'name' : 'Béni saf pizza',
'opening_hours:covid19': 'open',
'takeaway' : 'yes',
'takeaway:covid19' : 'yes',
},
}, {
'type': 'node',
'id' : 6127010186,
'lat' : 48.6242461,
'lon' : 2.1252949,
'tags': {
'addr:city' : 'Briis-sous-Forges',
'addr:housenumber' : '20',
'addr:postcode' : '91640',
'addr:street' : 'Rue Marcel Quinet',
'amenity' : 'restaurant',
'cuisine' : 'french;drinks',
'name' : 'Le Pilo',
'opening_hours:covid19': 'off',
'wikimedia_commons' : 'File:Le pilori - Café bar restaurant.jpg',
},
}, {
'type': 'node',
'id' : 6127010194,
'lat' : 48.6241078,
'lon' : 2.1245417,
'tags': {
'amenity' : 'vending_machine',
'opening_hours:covid19': 'off',
'vending' : 'parcel_pickup;parcel_mail_in',
},
}, {
'type': 'node',
'id' : 6132372198,
'lat' : 48.6449824,
'lon' : 2.0764392,
'tags': { 'amenity': 'restaurant', 'cuisine': 'crêperie', 'name': 'Art Billing', 'opening_hours:covid19': 'off' },
}, {
'type': 'node',
'id' : 6132372201,
'lat' : 48.6449025,
'lon' : 2.0667147,
'tags': { 'amenity': 'fast_food', 'cuisine': 'pizza' },
}, {
'type': 'node',
'id' : 6132386010,
'lat' : 48.6285755,
'lon' : 2.0989107,
'tags': { 'amenity': 'vending_machine', 'vending': 'parcel_pickup;parcel_mail_in' },
}, {
'type': 'node',
'id' : 6138973945,
'lat' : 48.6289593,
'lon' : 2.0949554,
'tags': { 'amenity': 'vending_machine', 'vending': 'parcel_pickup' },
}, {
'type': 'node',
'id' : 6138973946,
'lat' : 48.6290118,
'lon' : 2.0950782,
'tags': { 'amenity': 'vending_machine', 'currency:EUR': 'yes', 'payment:cash': 'yes', 'vending': 'bread' },
}, {
'type': 'node',
'id' : 6139945889,
'lat' : 48.6318152,
'lon' : 2.0817993,
'tags': { 'amenity': 'restaurant', 'cuisine': 'french', 'name': 'Restaurant du Golf' },
}, {
'type': 'node',
'id' : 6636948349,
'lat' : 48.6677244,
'lon' : 1.9880434,
'tags': {
'addr:city' : 'Cernay',
'amenity' : 'restaurant',
'capacity' : '120',
'cuisine' : 'regional',
'description' : 'Menu « Paysan », unique et à volonté.',
'name' : 'La Ferme du Bout des Prés',
'opening_hours': 'Fr-Su 12:15-15:00, 20:15-23:00',
'phone' : '+33 1 34 85 29 04',
'reservation' : 'required',
'smoking' : 'outside',
'takeaway' : 'no',
'website' : 'https://www.lafermeduboutdespres.com/',
'wheelchair' : 'limited',
},
}, {
'type': 'node',
'id' : 6643094659,
'lat' : 48.6161025,
'lon' : 2.127331,
'tags': { 'amenity': 'vending_machine', 'indoor': 'yes', 'vending': 'public_transport_tickets' },
}, {
'type': 'node',
'id' : 6898145446,
'lat' : 48.6362743,
'lon' : 2.1472,
'tags': {
'brand' : 'Paul',
'brand:wikidata' : 'Q3370417',
'brand:wikipedia': 'en:Paul (bakery)',
'delivery' : 'no',
'name' : 'Paul',
'shop' : 'bakery',
'takeaway' : 'yes',
},
}, {
'type': 'node',
'id' : 6898145447,
'lat' : 48.636249,
'lon' : 2.1471916,
'tags': { 'amenity': 'vending_machine', 'vending': 'coffee' },
}, {
'type': 'node',
'id' : 6898145448,
'lat' : 48.6361594,
'lon' : 2.147128,
'tags': { 'amenity': 'vending_machine', 'vending': 'coffee' },
}, {
'type': 'node',
'id' : 6898145451,
'lat' : 48.6362434,
'lon' : 2.1476538,
'tags': {
'amenity' : 'fast_food',
'brand' : 'Pizza Hut',
'brand:wikidata' : 'Q191615',
'brand:wikipedia': 'en:Pizza Hut',
'cuisine' : 'pizza',
'delivery' : 'no',
'name' : 'Pizza Hut Express',
'takeaway' : 'yes',
},
}, {
'type': 'node',
'id' : 6898145452,
'lat' : 48.6361658,
'lon' : 2.1474612,
'tags': {
'amenity' : 'fast_food',
'brand' : 'McDonald\'s',
'brand:wikidata' : 'Q38076',
'brand:wikipedia': 'fr:McDonald\'s',
'cuisine' : 'burger',
'delivery' : 'no',
'name' : 'McDonald\'s Originals',
'takeaway' : 'yes',
},
}, {
'type': 'node',
'id' : 6970264914,
'lat' : 48.6222544,
'lon' : 2.003323,
'tags': { 'amenity': 'drinking_water', 'name': 'Eau potable' },
}, {
'type': 'node',
'id' : 6979971441,
'lat' : 48.6281676,
'lon' : 2.0986492,
'tags': { 'amenity': 'vending_machine', 'vending': 'condoms' },
}, {
'type': 'node',
'id' : 7425453044,
'lat' : 48.5760136,
'lon' : 2.1918219,
'tags': {
'addr:city' : 'Breuillet',
'addr:postcode': '91650',
'amenity' : 'fast_food',
'contact:phone': '+33164584411',
'cuisine' : 'pizza',
'name' : 'Pizza Nana',
'opening_hours': 'Mo-Sa 11:00-14:30,18:00-23:00; Su 18:00-23:00',
},
}, {
'type': 'node',
'id' : 7425453045,
'lat' : 48.5759053,
'lon' : 2.1919187,
'tags': {
'addr:city' : 'Breuillet',
'addr:postcode': '91650',
'contact:phone': '+33164584714',
'name' : 'Aux Délices de Port Sud',
'opening_hours': 'Tu-Sa 07:00-13:00,16:00-20:00; Su 07:00-13:30',
'shop' : 'bakery',
},
}, {
'type': 'node',
'id' : 7480164580,
'lat' : 48.6285639,
'lon' : 2.0989016,
'tags': { 'shop': 'bakery' },
}, {
'type': 'node',
'id' : 7480176885,
'lat' : 48.6282958,
'lon' : 2.0984886,
'tags': {
'access:covid19' : 'yes',
'amenity' : 'fast_food',
'cuisine' : 'pizza',
'delivery:covid19' : 'no',
'drive_through:covid19': 'yes',
'name' : 'food truck pizza',
'opening_hours' : 'Fr 16:00-21:00',
'opening_hours:covid19': 'open',
'takeaway' : 'only',
'takeaway:covid19' : 'yes',
'wheelchair' : 'yes',
},
}, {
'type': 'node',
'id' : 7548624634,
'lat' : 48.6263676,
'lon' : 2.122432,
'tags': { 'drinking_water': 'no', 'man_made': 'water_tap' },
}, {
'type': 'node',
'id' : 7578904473,
'lat' : 48.5850758,
'lon' : 1.9900026,
'tags': { 'access': 'yes', 'amenity': 'drinking_water', 'bottle': 'yes', 'fee': 'no' },
}, {
'type': 'node',
'id' : 7750169559,
'lat' : 48.6297157,
'lon' : 2.1262698,
'tags': { 'amenity': 'drinking_water', 'bottle': 'yes', 'wheelchair': 'yes' },
}, {
'type': 'node',
'id' : 7750169561,
'lat' : 48.6297667,
'lon' : 2.1267712,
'tags': { 'amenity': 'drinking_water', 'bottle': 'yes', 'wheelchair': 'yes' },
}, {
'type': 'node',
'id' : 7750169563,
'lat' : 48.6298745,
'lon' : 2.1276022,
'tags': { 'amenity': 'drinking_water', 'bottle': 'yes', 'wheelchair': 'yes' },
}, {
'type': 'node',
'id' : 7761047977,
'lat' : 48.6454158,
'lon' : 2.1602203,
'tags': { 'access': 'yes', 'amenity': 'drinking_water', 'name': 'fontaine', 'wheelchair': 'limited' },
}, {
'type': 'node',
'id' : 7813843559,
'lat' : 48.5791244,
'lon' : 1.9905708,
'tags': { 'amenity': 'drinking_water' },
}, {
'type': 'node',
'id' : 7875044828,
'lat' : 48.6690652,
'lon' : 2.1196581,
'tags': { 'amenity': 'restaurant', 'cuisine': 'japanese', 'name': 'Sushi Supe' },
}, {
'type': 'node',
'id' : 7875044829,
'lat' : 48.6690409,
'lon' : 2.1196633,
'tags': { 'amenity': 'vending_machine', 'vending': 'public_transport_tickets' },
}, {
'type': 'node',
'id' : 7875705449,
'lat' : 48.6179683,
'lon' : 2.1244384,
'tags': { 'amenity': 'drinking_water' },
}, {
'type': 'node',
'id' : 7875705450,
'lat' : 48.6179759,
'lon' : 2.1244076,
'tags': { 'amenity': 'drinking_water' },
}, {
'type': 'node',
'id' : 7875706137,
'lat' : 48.6176121,
'lon' : 2.124539,
'tags': { 'amenity': 'drinking_water' },
}, {
'type': 'node',
'id' : 7875809228,
'lat' : 48.6160262,
'lon' : 2.1273081,
'tags': { 'amenity': 'vending_machine', 'indoor': 'yes', 'vending': 'public_transport_tickets' },
}, {
'type': 'node',
'id' : 7899841160,
'lat' : 48.6423812,
'lon' : 2.0653069,
'tags': { 'amenity': 'drinking_water', 'indoor': 'yes' },
}, {
'type': 'node',
'id' : 7925614676,
'lat' : 48.6296773,
'lon' : 2.1263069,
'tags': { 'amenity': 'drinking_water' },
}, {
'type': 'node',
'id' : 7934044729,
'lat' : 48.6201578,
'lon' : 2.1464583,
'tags': { 'amenity': 'drinking_water' },
}, {
'type': 'node',
'id' : 7941352245,
'lat' : 48.6402124,
'lon' : 2.0854707,
'tags': { 'amenity': 'drinking_water' },
}, {
'type': 'node',
'id' : 7941357794,
'lat' : 48.6407519,
'lon' : 2.0857058,
'tags': { 'amenity': 'drinking_water' },
}, {
'type': 'node',
'id' : 8000578221,
'lat' : 48.646007,
'lon' : 2.0777091,
'tags': { 'amenity': 'fast_food', 'cuisine': 'pizza', 'name': 'Wasa Pizza' },
}, {
'type': 'node',
'id' : 8157368325,
'lat' : 48.6453245,
'lon' : 2.0761971,
'tags': { 'amenity': 'vending_machine', 'vending': 'condoms' },
}, {
'type': 'node',
'id' : 8425844186,
'lat' : 48.647298,
'lon' : 2.154703,
'tags': { 'amenity': 'restaurant' },
}, {
'type': 'node',
'id' : 8442577337,
'lat' : 48.6123054,
'lon' : 2.1677433,
'tags': { 'addr:street': 'Allée des Marronniers', 'amenity': 'restaurant', 'name': 'la ferme de Bel air' },
}, {
'type': 'node',
'id' : 8442577338,
'lat' : 48.6120085,
'lon' : 2.1673702,
'tags': { 'shop': 'bakery' },
}, {
'type': 'node',
'id' : 8457404527,
'lat' : 48.6729562,
'lon' : 2.0689663,
'tags': { 'amenity': 'drinking_water' },
}, {
'type': 'node',
'id' : 8457404530,
'lat' : 48.6733776,
'lon' : 2.0694295,
'tags': { 'amenity': 'vending_machine', 'vending': 'excrement_bags' },
}, {
'type': 'node',
'id' : 8728349812,
'lat' : 48.6452152,
'lon' : 2.1525443,
'tags': { 'amenity': 'drinking_water' },
}, {
'type': 'node',
'id' : 8728370728,
'lat' : 48.6450868,
'lon' : 2.1528069,
'tags': { 'amenity': 'fast_food', 'changing_table': 'no', 'cuisine': 'crepe;pancake', 'takeaway': 'only' },
}, {
'type': 'node',
'id' : 9064436330,
'lat' : 48.6360815,
'lon' : 2.1469188,
'tags': { 'amenity': 'vending_machine', 'bin': 'yes', 'fee': 'no', 'vending': 'excrement_bags' },
}, {
'type': 'node',
'id' : 9178440450,
'lat' : 48.6253553,
'lon' : 2.1235391,
'tags': { 'drinking_water': 'no', 'man_made': 'water_tap' },
}, {
'type': 'node',
'id' : 9178440456,
'lat' : 48.6236429,
'lon' : 2.1255285,
'tags': { 'description': 'Robinet décoratif', 'drinking_water': 'no', 'man_made': 'water_tap' },
}, {
'type' : 'way',
'id' : 190166457,
'bounds' : { 'minlat': 48.6480275, 'minlon': 2.1530003, 'maxlat': 48.648157, 'maxlon': 2.1532555 },
'nodes' : [2007756820, 2007756827, 2007756834, 2007756841, 2007756833, 2007756842, 2007756816, 2007756803, 8425897443, 2007756820],
'geometry': [{ 'lat': 48.6481171, 'lon': 2.1532555 }, { 'lat': 48.6481292, 'lon': 2.153199 }, {
'lat': 48.6481407,
'lon': 2.1532116,
}, { 'lat': 48.648157, 'lon': 2.1531323 }, { 'lat': 48.6481279, 'lon': 2.1530727 }, {
'lat': 48.6481515,
'lon': 2.1530393,
}, { 'lat': 48.6480829, 'lon': 2.1530003 }, { 'lat': 48.6480275, 'lon': 2.153202 }, {
'lat': 48.6480572,
'lon': 2.1532197,
}, { 'lat': 48.6481171, 'lon': 2.1532555 }],
'tags' : {
'amenity' : 'restaurant',
'building': 'yes',
'cuisine' : 'french',
'name' : 'à la bonne franquette',
'source' : 'cadastre-dgi-fr source : Direction Générale des Impôts - Cadastre. Mise à jour : 2012',
'url' : 'https://www.bonnefranquette.fr/',
},
}, {
'type' : 'way',
'id' : 342902206,
'bounds' : { 'minlat': 48.628958, 'minlon': 2.094892, 'maxlat': 48.629058, 'maxlon': 2.09504 },
'nodes' : [3498574009, 3498574024, 3498574071, 3498574052, 3498573919, 3498573910, 3498573868, 3498574009],
'geometry': [{ 'lat': 48.629031, 'lon': 2.09504 }, { 'lat': 48.629036, 'lon': 2.095019 }, {
'lat': 48.629058,
'lon': 2.094937,
}, { 'lat': 48.629045, 'lon': 2.094929 }, { 'lat': 48.628985, 'lon': 2.094892 }, {
'lat': 48.62898,
'lon': 2.094909,
}, { 'lat': 48.628958, 'lon': 2.094999 }, { 'lat': 48.629031, 'lon': 2.09504 }],
'tags' : {
'amenity' : 'bar',
'building': 'yes',
'name' : 'Bar du Château',
'source' : 'cadastre-dgi-fr source : Direction Générale des Finances Publiques - Cadastre. Mise à jour : 2015',
},
}, {
'type' : 'way',
'id' : 361165635,
'bounds' : { 'minlat': 48.6354381, 'minlon': 2.1483085, 'maxlat': 48.6356885, 'maxlon': 2.1489224 },
'nodes' : [3656808136, 3656808139, 3656808137, 4690767211, 3656808138, 3656808140, 3656808141, 2007753948, 2007753943, 2007753930, 2007753926, 3656808136],
'geometry': [{ 'lat': 48.6354381, 'lon': 2.1483333 }, { 'lat': 48.6354548, 'lon': 2.1484958 }, {
'lat': 48.6354399,
'lon': 2.1484993,
}, { 'lat': 48.6354456, 'lon': 2.1485542 }, { 'lat': 48.6354498, 'lon': 2.1485955 }, {
'lat': 48.6354645,
'lon': 2.148592,
}, { 'lat': 48.6354984, 'lon': 2.1489224 }, { 'lat': 48.6356885, 'lon': 2.1488778 }, {
'lat': 48.6356362,
'lon': 2.1483674,
}, { 'lat': 48.635552, 'lon': 2.1483872 }, { 'lat': 48.6355439, 'lon': 2.1483085 }, {
'lat': 48.6354381,
'lon': 2.1483333,
}],
'tags' : { 'amenity': 'restaurant', 'building': 'yes', 'cuisine': 'french' },
}, {
'type' : 'way',
'id' : 362695143,
'bounds' : { 'minlat': 48.6697744, 'minlon': 2.1206926, 'maxlat': 48.6700774, 'maxlon': 2.1211026 },
'nodes' : [3669626255, 3669626247, 3669626295, 3669626435, 3669616908, 3669616893, 3669626260, 3669626266, 3669626220, 3669626201, 3669626176, 3669626170, 3669626191, 3669626198, 3669626218, 3669626228, 3669626235, 3669626224, 3669626237, 3669626242, 3669626255],
'geometry': [{ 'lat': 48.6699284, 'lon': 2.1210016 }, { 'lat': 48.6699144, 'lon': 2.1210256 }, {
'lat': 48.6699734,
'lon': 2.1211026,
}, { 'lat': 48.6700774, 'lon': 2.1209196 }, { 'lat': 48.6700184, 'lon': 2.1208396 }, {
'lat': 48.6700004,
'lon': 2.1208696,
}, { 'lat': 48.6699324, 'lon': 2.1207786 }, { 'lat': 48.6699374, 'lon': 2.1207696 }, {
'lat': 48.6698794,
'lon': 2.1206926,
}, { 'lat': 48.6698484, 'lon': 2.1207466 }, { 'lat': 48.6697874, 'lon': 2.1208556 }, {
'lat': 48.6697744,
'lon': 2.1208786,
}, { 'lat': 48.6698324, 'lon': 2.1209536 }, { 'lat': 48.6698434, 'lon': 2.1209326 }, {
'lat': 48.6698734,
'lon': 2.1209716,
}, { 'lat': 48.6698864, 'lon': 2.1209466 }, { 'lat': 48.6698954, 'lon': 2.1209576 }, {
'lat': 48.6698844,
'lon': 2.1209756,
}, { 'lat': 48.6698964, 'lon': 2.1209916 }, { 'lat': 48.6699074, 'lon': 2.1209746 }, {
'lat': 48.6699284,
'lon': 2.1210016,
}],
'tags' : {
'addr:city' : 'Gometz-la-Ville',
'addr:street': 'Rue des Trois Quartiers',
'amenity' : 'restaurant',
'building' : 'yes',
'name' : 'Relais des Trois Quartiers',
'source' : 'cadastre-dgi-fr source : Direction Générale des Finances Publiques - Cadastre - SDIS91. Mise à jour : 2016',
},
}, {
'type' : 'way',
'id' : 602189903,
'bounds' : { 'minlat': 48.6693147, 'minlon': 2.1209129, 'maxlat': 48.6693875, 'maxlon': 2.1209967 },
'nodes' : [5720798174, 5720798175, 5720798176, 5720798177, 5720798174],
'geometry': [{ 'lat': 48.6693875, 'lon': 2.1209311 }, { 'lat': 48.6693227, 'lon': 2.1209129 }, {
'lat': 48.6693147,
'lon': 2.1209785,
}, { 'lat': 48.6693795, 'lon': 2.1209967 }, { 'lat': 48.6693875, 'lon': 2.1209311 }],
'tags' : {
'addr:city' : 'Gometz-la-Ville',
'addr:postcode' : '91400',
'addr:street' : 'Rue des Trois Quartiers',
'amenity' : 'fast_food',
'brand' : 'Le Kiosque à Pizzas',
'brand:wikidata' : 'Q3223839',
'brand:wikipedia': 'fr:Le Kiosque à Pizzas',
'building' : 'yes',
'cuisine' : 'pizza',
'name' : 'Le Kiosque à Pizzas',
'outdoor_seating': 'no',
'takeaway' : 'only',
},
}],
};
const overrideQuery = false;
const initialZoom = 14;
const osmMention = '&copy; <a href="https://openstreetmap.org/copyright">OpenStreetMap</a> contributors'
// serveurs de tuiles: https://wiki.openstreetmap.org/wiki/Tile_servers
// https://stamen-tiles.a.ssl.fastly.net/toner/{z}/{x}/{y}.png
// https://a.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png
const tileServer = "https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png"
var map = L.map('map').setView([48.6410, 2.1307], initialZoom);
L.tileLayer(tileServer, {
maxZoom : 19,
attribution: osmMention,
}).addTo(map);
if (overrideQuery) {
$('#overpass-api-controls').hide();
}
function buildOverpassApiUrl(map, overpassQuery) {
var baseUrl = 'https://overpass-api.de/api/interpreter';
var bounds = map.getBounds().getSouth() + ',' + map.getBounds().getWest() + ',' + map.getBounds().getNorth() + ',' + map.getBounds().getEast();
var resultUrl, query = '';
if (overrideQuery) {
query = `?data=[out:json][timeout:15];(
node[amenity=cafe](${bounds});
node[shop=bakery](${bounds});
node[amenity=fast_food](${bounds});
node[amenity=vending_machine](${bounds});
node[amenity=restaurant](${bounds});
node[amenity=pub](${bounds});
node[amenity=bar](${bounds});
node[amenity=drinking_water](${bounds});
node[man_made=water_tap](${bounds});
node[man_made=drinking_fountain](${bounds});
way[amenity=pub](${bounds});
way[amenity=bar](${bounds});
way[amenity=cafe](${bounds});
way[shop=bakery](${bounds});
way[amenity=fast_food](${bounds});
way[amenity=vending_machine](${bounds});
way[amenity=restaurant](${bounds});
);out body geom;`;
} else {
var nodeQuery = 'node[' + overpassQuery + '](' + bounds + ');';
var wayQuery = 'way[' + overpassQuery + '](' + bounds + ');';
var relationQuery = 'relation[' + overpassQuery + '](' + bounds + ');';
query = '?data=[out:json][timeout:15];(' + nodeQuery + wayQuery + relationQuery + ');out body geom;';
}
resultUrl = baseUrl + query;
return resultUrl;
}
const UseLocalJson = true;
const loadQueryPoints = () => {
if (UseLocalJson) {
displayPointsFromApi(geoDataJsonMock);
} else {
loadOverpassQuery();
}
};
function displayPointsFromApi(points) {
var resultAsGeojson = osmtogeojson(points);
var resultLayer = L.geoJson(resultAsGeojson, {
style : function (feature) {
return { color: '#ff0000' };
},
filter : function (feature, layer) {
var isPolygon = (feature.geometry) && (feature.geometry.type !== undefined) && (feature.geometry.type === 'Polygon');
if (isPolygon) {
feature.geometry.type = 'Point';
var polygonCenter = L.latLngBounds(feature.geometry.coordinates[0]).getCenter();
feature.geometry.coordinates = [polygonCenter.lat, polygonCenter.lng];
}
return true;
},
onzoomend: function(event){
console.log('event', event);
},
onEachFeature: function (feature, layer) {
var popupContent = '';
popupContent = popupContent + '<dt>@id</dt><dd>' + feature.properties.type + '/' + feature.properties.id + '</dd>';
var keys = Object.keys(feature.properties.tags);
keys.forEach(function (key) {
popupContent = popupContent + '<dt>' + key + '</dt><dd>' + feature.properties.tags[key] + '</dd>';
});
popupContent = popupContent + '</dl>';
layer.bindPopup(popupContent);
let iconSiZePx = 20;
if (feature.properties.tags['amenity'] && feature.properties.tags['amenity'] === 'restaurant' ||
feature.properties.tags['amenity'] === 'fast_food'
) {
iconSiZePx = 40;
}
let icon, cuisine, rest_name = '';
if (feature.properties.tags['name']) {
rest_name = feature.properties.tags['name'];
} else {
rest_name = '? ';
}
if (typeof feature.properties.tags['cuisine'] !== typeof undefined && feature.properties.tags['cuisine'].length) {
cuisine = ' - ' + feature.properties.tags['cuisine'];
}
let html = '<a href="https://www.openstreetmap.org/' + feature.id + '"> ' + rest_name + ' ' + cuisine + '</a>' +
'<a class="edit-button" href="https://www.openstreetmap.org/edit?editor=id&node=' + feature.properties.id + '">' +
'✏️</a>';
console.log('layer', layer);
var label = L.marker(layer._latlng, {
icon: L.divIcon({
iconUrl : 'https://cipherbliss.com/ou-manger/img/' + getIconFromTags(feature.properties.tags),
className: 'label ' + makeCssClassFromTags(feature.properties.tags),
// html : html,
iconSize: ['auto', 'auto'],
}),
}).addTo(map);
var myIcon = L.icon({
iconUrl : 'https://cipherbliss.com/ou-manger/img/' + getIconFromTags(feature.properties.tags),
iconSize : [iconSiZePx, iconSiZePx],
iconAnchor : [iconSiZePx / 2, iconSiZePx / 2],
popupAnchor: [iconSiZePx / 2, iconSiZePx / 2],
className : makeCssClassFromTags(feature.properties.tags),
});
let regular_marker = L.marker(layer._latlng, { title: rest_name, icon: myIcon }).addTo(map);
regular_marker.bindPopup(html);
regular_marker.on({
mouseover: function () {
this.openPopup();
},
mouseout : function () {
setTimeout(()=>this.closePopup(), 3000);
},
click : function () {
this.openPopup();
},
});
// regular_marker.fire('mouseover');
},
});
}
function makeCssClassFromTags(tags) {
console.log('tags', tags);
let tagKeys = Object.keys(tags);
console.log('tagKeys', tagKeys);
if (!tags) {
return '';
}
let listOfClasses = [];
tagKeys.forEach((element) => {
listOfClasses.push('tag-' + element + '_' + tags[element].replace(':', '--'));
});
return listOfClasses.join(' ');
}
function getIconFromTags(tags) {
let iconFileName = 'icon_restaurant.png';
if (tags['man_made']) {
iconFileName = 'fountain.png';
} else if (tags['shop']) {
iconFileName = 'croissant.png';
} else if (tags['amenity']) {
if (tags['amenity'] === 'restaurant') {
if (tags['cuisine'] === 'pizza') {
iconFileName = 'pizza.png';
}
if (tags['cuisine'] === 'italian') {
iconFileName = 'pizza.png';
}
if (tags['cuisine'] === 'japanese') {
iconFileName = 'asian_food.png';
}
if (tags['cuisine'] === 'crepe') {
iconFileName = 'crepe.png';
}
if (tags['cuisine'] === 'crepes') {
iconFileName = 'crepe.png';
}
if (tags['cuisine'] === 'sushi') {
iconFileName = 'asian_food.png';
}
if (tags['cuisine'] === 'asian') {
iconFileName = 'asian_food.png';
}
if (tags['cuisine'] === 'chinese') {
iconFileName = 'asian_food.png';
}
} else if (tags['amenity'] === 'vending_machine') {
iconFileName = 'vending_machine.png';
} else if (tags['amenity'] === 'drinking_water') {
iconFileName = 'fountain.png';
} else if (tags['amenity'] === 'pub') {
iconFileName = 'beer.png';
} else if (tags['amenity'] === 'fast_food') {
iconFileName = 'burger.png';
if (tags['cuisine'] === 'pizza') {
iconFileName = 'pizza.png';
}
}
}
return iconFileName;
}
$('#query-button').click(function () {
loadOverpassQuery();
});
let isLoading = false;
function loadOverpassQuery() {
// ne pas charger si on recherche déjà
if (!isLoading) {
isLoading = true;
$('#spinning_icon').fadeIn();
var queryTextfieldValue = $('#query-textfield').val();
var overpassApiUrl = buildOverpassApiUrl(map, queryTextfieldValue);
$.get(overpassApiUrl, function (geoDataPointsFromApi) {
displayPointsFromApi(geoDataPointsFromApi);
$('#spinning_icon').fadeOut();
isLoading = false;
}); // end of the getting from overpass API
}
}
console.log('loadQueryPoints', loadQueryPoints);
loadQueryPoints();
$('#spinning_icon').hide();