Longdo map to OpenLayers 3/4 new

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Longdo map to OpenLayers 3</title>
    <link rel="stylesheet" href="./css/ol.css">
    <script src="./js/ol.js" type="text/javascript"></script>
    <script type="text/javascript">
        function init(){
            var layername = 'icons';
            var proj = 'epsg3857';
            var map = new ol.Map({
            target: 'map',
            layers: [
              new ol.layer.Tile({
                source: new ol.source.XYZ({url: "http://ms.longdo.com/mmmap/img.php?zoom={z}&x={x}&y={y}&mode=" + layername + "&key=demokeyfortestingonly&proj=" + proj})
              })
            ],
            view: new ol.View({
              center: ol.proj.fromLonLat([100,13]),
              zoom: 5
            })
            });
        }
    </script>
</head>
<body onload='init()'>
    <div id="map" class="map"></div>
</body>
</html>