Open Street map from map URL and over HTTPS

osm-from-url-overhttps.html

<div id="mapdiv"></div>
<style>
    #mapdiv {
        width: 1000px;
        height: 1000px;
    }
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/openlayers/2.11/OpenLayers.js"></script>
<script>
map = new OpenLayers.Map("mapdiv");
// map over https, solution from http://gis.stackexchange.com/questions/83953/openlayer-maps-issue-with-ssl/90308
var layer = new OpenLayers.Layer.OSM(
    "OpenStreetMap", 
    // Official OSM tileset as protocol-independent URLs
    [
        '//a.tile.openstreetmap.org/${z}/${x}/${y}.png',
        '//b.tile.openstreetmap.org/${z}/${x}/${y}.png',
        '//c.tile.openstreetmap.org/${z}/${x}/${y}.png'
    ], 
    null);
map.addLayer(layer);

// apply position and zoom from map URL http://www.openstreetmap.org/#map=18/48.88680/2.34235&layers=C
var lonLat = new OpenLayers.LonLat(2.34235, 48.88680)
          .transform(
            new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984
            map.getProjectionObject() // to Spherical Mercator Projection
          );
var zoom=18;
map.setCenter (lonLat, zoom);  


</script>