Navionics

HTML

<img id="im"  width="256" height="256"/>
<div id="sp"></div>
<form>
            map:<input name="map" value="navionics"/><br/>
            x:  <input name="x" value="1200"/><br/>
            y:  <input name="y" value="723"/><br/>
            z:  <input name="z" value="12"/><br/>
            <input type="button" value="test" onClick="        
var url =computeUrl(form.map.value,form.x.value,form.y.value,form.z.value);
document.getElementById('im').src=url;
document.getElementById('sp').innerHTML=url;
return false;
"/>            
</form>

JavaScript

function computeUrl(mapName,x,y,z) {
    var s = "abc".charAt(Math.floor(Math.random()*3));
    var url = 'https://tile4.navionics.io/tile/'+(z-1)+'/'+x+'/'+y+'.png?'
    +'LAYERS=config_1_1_0' // Конфигурация параметра config_A_B_C_D:
    // A - Единица глубины: 1 - метры, 2 - футы
    // B - Безопасная глубина: 0 - 20 метров, 1 - 10 метров, 2 - 5 метров, 3 - 2 метра, 4 - нет
    // C - SonarCharts: 0 - выкл, 1 - вкл
    // D - Ski Map: 0 - Нет, 1 - Да
    +'&TRANSPARENT=TRUE' // Прозрачность: TRUE или FALSE
    +'&navtoken=eyJrZXkiOiJOYXZpb25pY3Nfd2ViYXBpXzAzMzI4Iiwia2V5RG9tYWluIjoiamFiZXNwcm9kLmNvbSIsInJlZmVyZXIiOiJqYWJlc3Byb2QuY29tIiwicmFuZG9tIjoxNTIyMDc3NDM3NTg2fQ';
    return url;        
};