问题标签 [datamaps]

我正在尝试根据功能投影不同的地图。最初，我正在加载世界地图。如果用户单击“美国”，我想导航到另一个页面并显示“美国”地图。如果用户点击“RUS”，我想展示“RUS”地图。

我面临的问题是当我包含“datamaps.world.js”和“datamaps.usa.js”时，我得到一个错误的说法，

这是因为我试图同时加载 datamaps.world 和 datamps.usa。或任何其他国家。

有解决方法吗？

我正在使用 Jade 作为模板系统，

我尝试使用以下脚本在每个页面加载时动态加载不同的 Javascript，但它不起作用。

数据图声明：

我计划对所有国家进行投影。我想知道如何实现这一目标？请求社区帮助。

谢谢。

如何使用datamapjs中的坐标实现加利福尼亚州的划分？

下面是我在 datamap-js 文件中所做的代码更改。

这就是我想要实现的。

我正在使用 datamaps 库使用 d3.js 显示美国地图

我只想在单击时显示一个状态。如何使用 d3 或 datamaps 库执行此操作？

我正在考虑使用 done 回调（如上所示）来设置数据图的投影。但它目前似乎不起作用。

我正在使用Datamaps创建加拿大和美国的地图。我在其网站上看到了教程和/或示例，并且看到了“仅限美国地图”示例。我这样做了：

所以我假设您也可以创建“仅限加拿大地图”。但问题是，我不知道如何结合两个国家。

我的目标是标签、悬停信息和 json，这就是我使用 Datamaps 的原因。

我有一个带有针标记的 D3.js Datamaps.js 地图，我一直在尝试实现缩放。

http://jsbin.com/xoferi/edit?html，输出

图像大头针标记为 20x20，大头针的点（在 x+10,y+20 处）位于所选的纬度/经度点之上。

我在缩放地图时遇到问题，图像从它们的相对位置漂移。例如：看看冰岛别针。当您放大时，它会向上和向左漂移。

在缩放和单击拖动地图时，如何使图钉保持相同的大小和相同的相对位置？

我一直在寻找其他示例，但我不确定我缺少什么。也许视口大小需要添加到计算soemhow中。或者可能需要更改引脚标记的原点而不是默认值。我只是不确定。

ref: d3 美国带标记的州地图，缩放变换问题

我有一个world.topo.jsonTopoJson 格式的文件，我从https://datamaps.github.io/获取并在d3地理图表中使用它（使用merchant投影）。

它运作良好，但当我调用path.bounds(<TopoJson File Content>.objects.world.feature)并获取这些值时，我觉得很奇怪：

那么，为什么底部/左角指向 -25 和 -114？它们不应该是两者之一0,0还是-917, -507相反？

更新：我有一个绑定到我的 d3 图表的缩放行为对象，它完全符合我的预期。因此，我console.log为每个缩放/拖动编写了一个，如下所示：

所以，每次缩放/拖动甚至被调用，这就是我得到的输出类型：

第一个数组是当前翻译，第二个是边界。

但是，当我拖动/平移或缩放时，输出如下：

如您所见，尽管第一个参数根据缩放和平移事件不断变化，但边界保持不变。

尝试创建地图时出现此错误：

我目前使用的版本"datamaps": "^0.5.8",是直接来自我的package.json. 我还检查了package.json实际包中的 main 指向的位置：

我发现了一个相关的问题，甚至可能是同样的问题：

https://github.com/markmarkoh/datamaps/issues/259

问题是没有人说出答案是什么，有人提到只加载了一个特定的国家/地区 js 文件，但我检查并datamaps.all.js正在加载。

我在使用datamaps updateCloropleth功能时遇到了奇怪的问题。我按照这个例子：

https://github.com/markmarkoh/datamaps/releases/tag/v0.2.2

这是我的问题的一个例子。当我这样做时：

颜色更新。但是，当我这样做时：

它不起作用。

我已经检查过countryx == "AFG"返回true，所以它绝对是相同的值。变量colorx可以很好地传递，但是将变量countryx作为键传递似乎会破坏函数。

任何想法如何或为什么会发生这种情况？

有人可以向我解释这不会正确绘制巴西地图吗？我有一个与美国类似的工作示例。我正在使用https://datamaps.github.io/

控制台不产生错误

我正在使用DataMaps制作等值线，但在修改图例时遇到问题。我想让图例垂直并位于地图的右侧。该文档不清楚如何执行此操作。如何创建堆叠/垂直图例？

我使用以下代码创建图例：

这是尝试修改它的css：

这是我的 jsfiddle 示例。