主要观点:作者在博客文章中添加了地图,介绍了添加地图的原因、要求以及实现细节,并提及未来可能的改进方向。
关键信息:
- 2024 年 9 月 12 日由 Josh Erb 发布,2557 字,包含#development 和#web 标签。
- 添加地图的原因:个人情感因素,喜欢地图且怀念工作中与地图相关的内容,同时是对曾经博客功能的怀念。
- 要求:不依赖第三方平台、在构建时生成、在桌面和移动设备上显示一致。
- 实现细节:利用 11ty 的短代码功能,选择 d3-geo 库将地图数据转换为 SVG 路径,使用 Natural Earth 的地理数据,定义城市数据的 JSON 文件,通过短代码生成地图 SVG 并进行样式和尺寸调整。
重要细节: - 最初考虑使用 Mapbox API 但因担心第三方平台问题放弃。
- 实现过程中遇到对 d3 API 的理解困难,通过参考博客找到方向。
- 对 SVG 元素的样式调整,包括使用媒体查询调整桌面和移动设备上的尺寸。
- 未来可能的改进方向,如添加更多高精度地理数据、概述地图和交互性等。
- 提及购买域名和建立个人网站的相关事宜,以及对互联网的感慨。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。