将静态地图保存在 Base64 图像中?- 地图任务

Save static map in Base64 image? - Mapquest

本文关键字：地图 图像 任务 Base64 静态 保存 存在      更新时间：2023-09-26

I use Static Image API - http://www.mapquestapi.com/staticmap/.

我需要访问 Base64 图像。

可能吗？

你可以试试，但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" />

相关文章：