Print Yandex.Maps
summary
Yandex implemented a dedicated print layout for maps that scales a map to A4 and prints a clear walking route, aiming to outperform generic competitor print pages. The work combines CSS print rules, per‑browser hacks and fallbacks — notably a border-image trick for printable fills, attempts to use SVG in pseudo‑elements, pseudo‑elements for backgrounds, and JavaScript to measure comment height before printing — with two iterations and months of testing to handle many browser bugs and reach a reliable production solution.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 2:54Competitors' map printing issues
- 5:33Goal of improving Yandex.Maps printing
- 12:49New printing implementation
- 23:22Browser and CSS issues
- 35:12Print styles organization
- 45:28Tricking browsers for background printing
- 1:00:10Background image solutions
- 1:12:37Summary
related talks
51mCreating Printable Maps
26mCreating Modules for the Yandex.Maps API
06mPrint-friendliness - Why should you care?
33mSecret Briefing: Yandex.Maps API
30mDon't dream - make the WebAPI of your dreams become real!
01h 34mBuild a Web Map with Open Source Tools
49mLet's Make Maps Widely Accessible
37mSlippy Map Style: Geo-canvas design with CartoCSS