在Base64图像中保存静态地图？ - Mapquest

Question

我使用静态图片API - http://www.mapquestapi.com/staticmap/。

我需要获得Base64图像。

有可能吗？

Answer 1

您可以尝试，但mapquest可能不允许在其静态图像上进行跨源资源共享。

如果正确配置了CORS，或者图像与调用JavaScript位于同一个域中，则以下代码将起作用。

如果这对您不起作用，则需要通过同一域中的处理程序回显源图像。

＆＃13;

＆＃13;

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/");

＆＃13;

<canvas id="canvas" style="display:none;">
</canvas>
<img id="output" />

＆＃13;

＆＃13;

＆＃13;