V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
weixiaoD
V2EX  ›  程序员

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

  •  
  •   weixiaoD · May 6, 2025 · 2675 views
    This topic created in 363 days ago, the information mentioned may be changed or developed.

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

    地图

    Supplement 1  ·  May 7, 2025
    按照六楼的方法搞定了, 多谢大家
    14 replies    2025-05-07 17:38:00 +08:00
    xixiv5
        1
    xixiv5  
       May 6, 2025
    蠢办法,截图转矢量 然后就可以无损放大了
    foolishcrab
        2
    foolishcrab  
       May 6, 2025 via iPhone
    chrome 插件市场搜一下很多
    但你这个需求我寻思买个纸质地图好点吧,还能复用呢
    weixiaoD
        3
    weixiaoD  
    OP
       May 6, 2025
    @foolishcrab 请问有关键字提供吗? 我找的都是普通的截图, 截图页面的话 以这个高德官方示例页面 https://lbs.amap.com/demo/javascript-api-v2/example/district/district-labels
    iceecream
        4
    iceecream  
       May 6, 2025
    https://github.com/xiaolidan00/offline-map-download
    关键字 离线地图,好多工具,以前用过软件下载谷歌地球的图。14 层要下好久好久。
    软件名称不记得了,好像叫啥 x 啥 map 。
    hullopanda
        5
    hullopanda  
       May 6, 2025
    直接嵌套在网页里面把网页尺寸改大(按照 100CM 乘以 200 以上 DPI 算出来 PX ),然后打印成 PDF 不就行了
    yunye
        6
    yunye  
       May 6, 2025   ❤️ 2
    用百度地图试了下,F12 开发者工具打开,打开设备工具类,手动填一个超大的的 4K 以上的分辨率,等页面渲染好了,再把网页保存为图片
    okakuyang
        7
    okakuyang  
       May 6, 2025
    直接把浏览器窗口拉大再截图不就完事了
    AV1
        8
    AV1  
       May 7, 2025
    有两个笨方法:
    方法 1 ,分成几块截,最后拼成一张大图。
    方法 2 ,用虚拟机,创建一个分辨率非常巨大的虚拟显示器,用浏览器打开,再给浏览器截图。
    ntedshen
        9
    ntedshen  
       May 7, 2025
    一米 150dpi 换算一下也就 59dpcm ,6000 像素。。。
    一米见方的话找个 4k 拼分六份就搞定了。。。
    realJamespond
        10
    realJamespond  
       May 7, 2025
    canvas 直接 draw image 即可
    craftsmanship
        11
    craftsmanship  
       May 7, 2025 via Android
    @xixiv5 截图都是 PNG 的 怎么转矢量。。
    SmiteChow
        12
    SmiteChow  
       May 7, 2025
    没有一个人提到瓦片数据和图片合并处理? https://blog.smitechow.com/legacy/2014/02/google-mapspython.html
    cutecore
        13
    cutecore  
       May 7, 2025
    SmiteChow
        14
    SmiteChow  
       May 7, 2025
    @cutecore 你真棒,有 bsky 账号吗,欢迎互关 @smitechow.com
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1267 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 91ms · UTC 16:51 · PVG 00:51 · LAX 09:51 · JFK 12:51
    ♥ Do have faith in what you're doing.