leaflet + OpenStreetMap

<!doctype html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>leaflet+OpenStreetMapのテスト</title>
    <link rel="stylesheet" href="https://cdn.leafletjs.com/leaflet-0.7.1/leaflet.css" />
    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.1/leaflet.min.js"></script>

// OpenStreetMapを使うためのおまじない
        var tileLayer = L.tileLayer('https://{s}.tile.osm.org/{z}/{x}/{y}.png', {
            attribution : '&copy; <a href="https://osm.org/copyright">OpenStreetMap</a> contributors'
        });
        tileLayer.addTo(map);

// 指定した位置にマーカーを置く
        var mapMarker = L.marker([35.40, 139.50]);
        mapMarker.addTo(map);
        mapMarker.bindPopup('ここですよ！');
        mapMarker.openPopup();
    </script>
</body>
</html>

Modified http://cdn.leafletjs.com/leaflet-0.7.1/leaflet.js to a secure url

https://cdn.leafletjs.com/leaflet-0.7.1/leaflet.js