我如何在我的旅行帖子中添加地图

主要观点:作者在博客文章中添加了地图,介绍了添加地图的原因、要求以及实现细节,并提及未来可能的改进方向。
关键信息

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