用途:该技能面向需要在地图页面、图表、文档、演示或导出图形中呈现地理信息的场景,提供基于真实地理数据而非手绘轮廓的渲染建议。
主要能力:
- 静态或导出类地理可视化:使用 d3-geo 渲染 TopoJSON 几何数据,可获取 Natural Earth 的世界国家数据并转换为 GeoJSON,再通过 d3.geoPath() 绘制。投影可按任务选择,例如全球范围使用 d3.geoNaturalEarth1,区域放大使用 d3.geoMercator().fitSize(...)。内联 SVG 可较干净地导出为 PNG 和 PDF。
- 街道级交互地图:使用 Leaflet 与 OpenStreetMap 瓦片,创建 L.map 与 L.tileLayer,支持平移和缩放,适用于原型与网站。必须保留“© OpenStreetMap contributors”版权署名。
- 页面形式:地图页面应构建为普通 HTML 文件,而非 .dc.html Design Component,因为 DC 会将脚本限制在特定位置,其挂载时机可能与地图容器产生竞争。
使用方式:资料给出了具体的固定版本、带哈希校验的脚本标签、TopoJSON 数据地址及 Leaflet 样式表要求,强调不得更改版本、URL 或哈希,不得额外从 CDN 引入脚本;缺少 leaflet.css 会导致瓦片显示错乱。
适用场景:演示文稿、文档、图形和动画等静态或导出交付物;需要用户平移缩放的街道级交互地图原型与网站。
限制:不提供手绘地理轮廓方案;导出类交付物不使用嵌入式瓦片地图;具体安装命令、Mapbox 接入步骤及收费信息暂未提供。