index.html

  var mystyle = {
    "color": "#ff7800",
    "weight": 5,
    "opacity": 0.65
  };

  function popout(feature, layer) {
    layer.bindpopup(`<h1>${feature.properties.name}</h1>\n<h3>${feature.properties.created_at.slice(0, 16)}</h3>\n<h2>${feature.properties.text}</h2>\n<h3>📍${feature.properties.location}</h3>`);
  };


l.geojson(geoinfo, {
  oneachfeature: popout
}).addto(map);

  map.addlayer(mytiles).setview([25.5, -25.0], 3);