用途:为任何地图需求或需要地理图形的交付物提供准确地图,避免手绘地理轮廓导致的错误。
主要能力与用法:
- 静态或导出类地图(幻灯片、文档、图形、动画):使用 d3-geo 渲染 TopoJSON 几何。获取 https://cdn.jsdelivr.net/npm/world-atlas@2.0.2/countries-110m.json(Natural Earth 数据,公有领域,URL 已固定版本,须原样使用),用 topojson.feature(topology, topology.objects.countries) 转换,并在选定投影下用 d3.geoPath() 绘制(全球用 d3.geoNaturalEarth1;区域缩放用 d3.geoMercator().fitSize(...))。d3-geo 包含在 d3 包中。库只能通过指定的固定、哈希校验标签加载,不得更改版本、URL 或哈希,也不得从 CDN 添加其他脚本。内联 SVG 可干净导出为 PNG 和 PDF,而实时地图瓦片不能,因此导出交付物始终使用 d3 几何而非嵌入瓦片地图。
- 街道级交互地图(原型、网站、可平移缩放场景):使用 Leaflet 与 OpenStreetMap 瓦片,仅通过指定标签加载(必须包含 leaflet.css,否则瓦片渲染错乱)。用 L.map(...) 创建地图,并用 L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '© OpenStreetMap contributors' }) 添加图层。attribution 字符串是 OpenStreetMap 的许可要求,不得省略。
限制:地图页面须为普通 HTML 文件,使用常规标签,绝不用 .dc.html Design Component,因为 DC 将脚本限制在特定范围,其挂载时机与地图容器存在竞争。资料未提供其他平台、收费或效果信息。