<html lang="tr">

<head>

  <!--  Meta  -->
  <meta charset="UTF-8" />
  <title>Leaflet Js</title>

  <!--  Styles  -->
  <link rel="stylesheet" href="styles/index.processed.css">
  <!-- Leaflet -->
  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.2.0/dist/leaflet.css" integrity="sha512-M2wvCLH6DSRazYeZRIm1JnYyh22purTM+FDB5CsyxtQJYeKq83arPe5wgbNmcFXGqiSH2XR8dT/fJISVA1r/zQ==" crossorigin="" />
  <script src="https://unpkg.com/leaflet@1.2.0/dist/leaflet.js" integrity="sha512-lInM/apFSqyy1o6s89K4iQUKg6ppXEgsVxT35HbzUupEVRh2Eu9Wdl4tHj7dZO0s1uvplcYGmt3498TtHq+log==" crossorigin=""></script>
</head>

<body>
  <div id="map"></div>
  <!-- Scripts -->
  <script src="scripts/index.js"></script>
</body>

</html>
#map {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
var map = L.map('map').setView([38.722278, 35.487246], 13);

L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="marufoglu.com">Marufoglu</a> Blog'
}).addTo(map);

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.