如何将 html 页面地图保存成大分辨率图片?

[weixiaoD]

在高德地图开发平台里标记了基础地点(截图标记三处示例), 然后现在需要将他打印成海报张贴到墙上(宽度 1m), 但是没有找到给导出的方法, 直接截图浏览器的话直接拉伸会很模糊, 但是 html 页面是提供滚轮无损放大的,大伙有没有什么好的方法可以实现这个要求?

按照六楼的方法搞定了, 多谢大家

[xixiv5]

蠢办法，截图转矢量 然后就可以无损放大了

[foolishcrab]

chrome 插件市场搜一下很多
但你这个需求我寻思买个纸质地图好点吧，还能复用呢

[weixiaoD]

@foolishcrab 请问有关键字提供吗? 我找的都是普通的截图, 截图页面的话 以这个高德官方示例页面 https://lbs.amap.com/demo/javascript-api-v2/example/district/district-labels

[iceecream]

https://github.com/xiaolidan00/offline-map-download
关键字 离线地图，好多工具，以前用过软件下载谷歌地球的图。14 层要下好久好久。
软件名称不记得了，好像叫啥 x 啥 map 。

[hullopanda]

直接嵌套在网页里面把网页尺寸改大（按照 100CM 乘以 200 以上 DPI 算出来 PX ），然后打印成 PDF 不就行了

[yunye]

用百度地图试了下，F12 开发者工具打开，打开设备工具类，手动填一个超大的的 4K 以上的分辨率，等页面渲染好了，再把网页保存为图片

[okakuyang]

直接把浏览器窗口拉大再截图不就完事了

[DOLLOR]

有两个笨方法：
方法 1 ，分成几块截，最后拼成一张大图。
方法 2 ，用虚拟机，创建一个分辨率非常巨大的虚拟显示器，用浏览器打开，再给浏览器截图。

[ntedshen]

一米 150dpi 换算一下也就 59dpcm ，6000 像素。。。
一米见方的话找个 4k 拼分六份就搞定了。。。

[realJamespond]

canvas 直接 draw image 即可

[craftsmanship]

@xixiv5 截图都是 PNG 的 怎么转矢量。。

[SmiteChow]

没有一个人提到瓦片数据和图片合并处理？ https://blog.smitechow.com/legacy/2014/02/google-mapspython.html

[cutecore]

@SmiteChow 我也又有一个 https://github.com/cutecore/google_map_satellite_download

[SmiteChow]

@cutecore 你真棒，有 bsky 账号吗，欢迎互关 @smitechow.com