gpt4 book ai didi

javascript - 如何向使用 D3.js 创建的 map 添加或创建 map 比例尺

转载 作者:行者123 更新时间:2023-11-30 11:36:27 30 4
gpt4 key购买 nike

我正在寻求有关创建用于 D3.js 可缩放 map 的 map 比例尺的帮助。我经常使用 D3.js 为我的工作创建 map 。我从来没有在过去构建的 map 上放置比例尺,但最近我收到了在 map 上包含比例尺的请求。我在网上搜索了某种类型的例子来构建,但我找不到任何东西。我玩弄了 d3.scale.linear() 但我无法创建任何有用的东西。

我试图创建的是一个 map 比例尺,当使用 d3.behavior.zoom() 放大和缩小时,它会相应地调整它的数字。对此问题的任何帮助(工作模型或构建的东西)将不胜感激。先感谢您。

最佳答案

我制作了一个名为 d3-geo-scale-bar 的 D3.js 插件,它应该可以满足您的需求。

这是 GitHub 存储库:https://github.com/HarryStevens/d3-geo-scale-bar

这是一个基本演示:https://bl.ocks.org/HarryStevens/8c8d3a489aa1372e14b8084f94b32464

这是一个平移和缩放的演示:https://bl.ocks.org/HarryStevens/64fc5f1a4489abe78433b7d19510f864

这是一个 Observable notebook 演示:https://observablehq.com/d/75249011244aafd6

关于javascript - 如何向使用 D3.js 创建的 map 添加或创建 map 比例尺,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44222003/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com