index.php

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Leaflet e Openstreetmap</title>
   <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.5.1/leaflet.css" />
   <link rel="stylesheet" type="text/css" href="css/style.css" />

   <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
   <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.5.1/leaflet.js"></script>
</head>
<body>

   <p>
      <b>Demo de mapa com leaf e openstreetmap</b>
   </p>
   
   <div id="map"></div>   

   <script type='text/javascript' src='js/markers.json'></script>
   <script type='text/javascript' src='js/leaf-demo.js'></script>
</body>
</html>