title: Only using OpenStreetMap in this leaflet map?
body: <p>I'm new to creating maps with map layers and tiles, so please bear with me.</p>
  
  <p>So I'm working on a map to display points, and I've read that <code>OpenStreetMap</code> is free, and <code>mapbox</code> isn't. For this reason we only want to use <code>OpenStreetMap</code>.</p>
  
  <p>This HTML example draws a map and plots points, but the code says it uses both  technologies. Here's the code.</p>
  
  <p>Two questions:</p>
  
  <p>Is it correct to say that both mapbox and OpenStreetMap are essentially the same thing as they both offer tiles used to draw maps?</p>
  
  <p>I would like to remove mapbox and only use OpenStreetMap in this example. Is this possible?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;Leaflet - Points&lt;/title&gt;
      &lt;link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css" integrity="sha512-dsdfsdjflsdfjsljfsdl+asfsfsflskjfsld==" crossorigin=""/&gt;
      &lt;script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js" integrity="sha512-/wrwrwerwer+wwerwrwerwer+dasdasdas==" crossorigin=""&gt;&lt;/script&gt;
      &lt;style&gt;
          html, body {
              height: 100%;
              margin: 0;
          }
          #map {
              width: 1200px;
              height: 800px;
          }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id='map'&gt;&lt;/div&gt;
  &lt;script src="points.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script&gt;
      var map = L.map('map').setView([18.4148, -66.1241], 11);
      L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.qweqeqweqweqwe.qeqqqwe', {
          maxZoom: 18,
          attribution: 'Map data &amp;copy; &lt;a href="https://www.openstreetmap.org/"&gt;OpenStreetMap&lt;/a&gt; contributors, ' +
              '&lt;a href="https://creativecommons.org/licenses/by-sa/2.0/"&gt;CC-BY-SA&lt;/a&gt;, ' +
              'Imagery © &lt;a href="https://www.mapbox.com/"&gt;Mapbox&lt;/a&gt;',
          id: 'mapbox.streets'
      }).addTo(map);
      L.geoJSON([bicycleRental], {
          pointToLayer: function (feature, latlng) {
              return L.circleMarker(latlng, {
                  radius: 7,
                  fillColor: "#ff7800",
                  color: "#000",
                  weight: 1,
                  opacity: 1,
                  fillOpacity: 0.8
              });
          }
      }).addTo(map);
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>