body {background: #efe;} img.popup {width: 240px;} div#map {height: 300px; width: 95vw; margin: auto; border: groove #555 thick; } .leaflet-popup-content {max-height: 300px; overflow: auto;} .leaflet-popup-content p {white-space: pre-wrap;} /* https://qiita.com/frogcat/items/9062de8ff0782269e3db */ .leaflet-control-container::after { content: url("img/crosshairs.png"); z-index: 1000; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .e {color: red;}