Сохранить статическую карту в изображении Base64? - Мапквест

Я использую Static Image API — http://www.mapquestapi.com/staticmap/.

И мне нужно добраться до изображения Base64.

Является ли это возможным?


javascript base64 mapquest
person Woohoo    schedule 18.11.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Вы можете попробовать, но mapquest может не разрешать совместное использование ресурсов из разных источников на своих статических изображениях.

Следующий код будет работать, если CORS настроен правильно или если изображение находится в том же домене, что и вызывающий JavaScript.

Если это не работает для вас, вам нужно будет повторить исходное изображение через обработчик в том же домене.

function getImage(url) {
    var c = document.getElementById("canvas");
    var ctx=c.getContext("2d");    
    var img = new Image();
    img.src = url;
    img.onload = function(){
      ctx.drawImage(img, 400, 200);
      document.getElementById("output").src = canvas.toDataURL("image/png");
    }
}

getImage("http://lorempixel.com/400/200/");
<canvas id="canvas" style="display:none;">
</canvas>
<img id="output" />

person Dave    schedule 18.11.2014