Как создать jsfiddle с помощью листовки

Question

Я борюсь с jsfiddle, пытаясь создать рабочий пример, который использует буклет.

, потому что я не был успешным, я искал несколько примеров и нашел следующие один рабочий:

• http://jsfiddle.net/kedar2a/LnzN2/2/

Я тогда скопировал пример в новой скрипке

• https://jsfiddle.net/aLn3ut5z/1/

, но он по-прежнему не работает ...

при вставке внешних ресурсов, была следующая ошибка:

jsfiddle.net says:

You're loading resources over HTTP not HTTPS, your fiddle will not work. Do you wish to continue?

любые предложения, что здесь не так?

p.s .: ниже код из окна jsfiddle:

HTML:

<div id="map"></div> 

CSS:

#map { 
    height: 500px; 
    width: 80%; 
} 

JAVASCRIPT:

// We’ll add a tile layer to add to our map, in this case it’s a OSM tile layer. 
// Creating a tile layer usually involves setting the URL template for the tile images 
var osmUrl = 'http://{s}.tile.osm.org/{z}/{x}/{y}.png', 
     osmAttrib = '&copy; <a href="http://openstreetmap.org/copyright">OpenStreetMap</a> contributors', 
     osm = L.tileLayer(osmUrl, { 
     maxZoom: 18, 
     attribution: osmAttrib 
     }); 
// initialize the map on the "map" div with a given center and zoom 
var map = L.map('map').setView([19.04469, 72.9258], 12).addLayer(osm); 

// Script for adding marker on map click 
function onMapClick(e) { 
var marker = L.marker(e.latlng, { 
    draggable: true, 
    title: "Resource location", 
    alt: "Resource Location", 
    riseOnHover: true 
    }).addTo(map) 
    .bindPopup(e.latlng.toString()).openPopup(); 

    // Update marker on changing it's position 
    marker.on("dragend", function(ev) { 

    var chagedPos = ev.target.getLatLng(); 
    this.bindPopup(chagedPos.toString()).openPopup(); 

    }); 
    } 
    map.on('click', onMapClick); 

Answer 1

The Leaflet CDN doesn't support SSL еще нет. Вы можете использовать что-то, не требующее https, например playground-leaflet, который является просто вилкой JSBin с легко доступными библиотеками листов.

В качестве альтернативы вы можете использовать Leaflet from cdnjs.net, который поддерживает https.