//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 = true;
const initialZoom = 14;
// 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
var map = L.map('map').setView([48.6410, 2.1307], initialZoom);
L.tileLayer('https://stamen-tiles.a.ssl.fastly.net/toner/{z}/{x}/{y}.png', {
  maxZoom    : 19,
  attribution: '&copy; <a href="https://openstreetmap.org/copyright">OpenStreetMap</a> contributors',
}).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;
    },
    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();