问题标签 [datamaps]

几个数据地图模板在大陆的实际轮廓上方和下方有很多空白（例如，“基本”地图和美国地图有这个；chloropleth 没有太多空白。参见：http ://datamaps.github.io/ )

有没有办法缩小那个空的空间？

我在文档中没有看到任何这样的选项，但是是否可以进入地图源代码本身并简单地编辑掉这个空格？关于如何做到这一点的任何提示？

谢谢！

我创建了一个脚本，它从 API 获取数据、格式化数据并使用 DataMaps http://datamaps.github.io/使用它。

在我的 .js 文件中，我可以简单地调用：

它将在选定的 div 中呈现地图。问题是，如果我在异步函数中使用它从 API 获取数据并渲染填充有 API 数据的地图，我会收到此错误：

如果我只是在异步函数中以这种方式调用地图，我什至会收到此错误，因此数据不是问题：

如果我把var map = new Datamap({element: document.getElementById('container')}); 在它工作的功能之外。我对此一无所知。

任何帮助，将不胜感激。第一篇文章和英语不是我的主要语言。

我正在尝试将条形图添加到 Datamaps，但我不知道如何将其插入到popupTemplate函数中。这是我在和中尝试过index.html的style.css。目前，当我按下ABC按钮并将鼠标悬停在 上时Alaska，这就是我所看到的。

当前数据图输出：

基本上，当我将鼠标悬停在代码中的案例Started和Errors来源GHI以及JKLJSON 的阿拉斯加上时，我想看到以下内容。

如果还有其他更好的方法，请随时提出建议。

所需的数据图输出：

样式.css

提琴手

我正在尝试创建类似于以下内容的可视化地图

示例可视化

当我将鼠标悬停在状态上时，我能够显示一些信息。但是，当鼠标光标从一个状态移动到另一个状态时，我不知道如何创建和更新条形图，如示例可视化中所示。

这是Jsfiddle中的代码。拳头单击ABC button，然后将鼠标移到蓝色的任何状态上。基本上，我正在寻找的是，当我从一个蓝色状态移动到另一个蓝色状态时，条形图应该根据ABCJSON更新

我在完成函数中使用数据映射实现了鼠标滚动时的缩放，如下所示，成功：

并且还成功地实现了对特定国家的缩放：

但是当我点击特定国家时出现问题（假设地图被缩放到大约 6 的缩放级别）并且在该级别使用鼠标滚动时，地图缩小到原始比例，即 1，而不是从当前比例，即6. 我解决这个问题的方法是在点击特定国家时保存当前的缩放和变换，如果可能的话，将其分配给 d3.event.scale。有没有更好的办法？单击特定国家/地区时如何获取地图的当前缩放级别以及如何将其分配给 d3.event？当控制台在特定国家函数中记录 d3.event 时，它给了我 null。我也是数据地图的新手，所以我自己没有更好的理解来解决它。

我正在尝试显示带有气泡的世界地图。地图和气泡完美显示。但是在缩放地图时，气泡也在缩放。关于如何在缩放时最小化/减小气泡半径的任何想法。这可以使用CSS完成还是我们需要应用js？这就是我处理缩放功能的方式。

任何帮助将不胜感激。

我试图显示基于Datamaps插件的法国地图。经过我尝试的所有尝试，我无法成功。

这是我的 HTML：

这是我的 js：

当我检查页面并检查它时，我看到一个 svg wut 页面是空的（下图） 在此处输入图像描述

我试图在 for 循环之外获得票数（nb_votes）并使用 Datamaps 插件将其绑定到特定部门（geo.properties.name）。

这是我的html：

这是我的 js：

import departement_list from "../data/departements-list.json";是法国地图中所有部门的列表，这是一个非常大的文件，它看起来像：

[ {

}, {

}, {

}, {

}, {

}, . …………

popupTemplate是我尝试做所有事情的功能（我写了评论）。

使用此代码，我有一个结果：部门名称+所有选票，例如：Lozère 1、15、12、54、54 票

PS：我删除了大部分代码，所以我可以验证我的问题，我保留了重要信息。

这就是我使用这段代码得到的：

我正在使用数据地图（http://datamaps.github.io/）并尝试根据法国地图中的 if 条件为每个具有间隔的部门制作颜色。

例如，如果区间 == "1-50" 为该区间内的所有部门设置红色，并将其添加到

这是我的 js： 从“../data/departements-list.json”导入部门列表；

我正在使用Datamaps插件（https://github.com/markmarkoh/datamaps），我想将它包含/node_modules/datamaps/dist/datamaps.fra.js在 webpack 中。

我在 html 中导入了所有必要的文件：

还是要在 webpack 中导入这个/node_modules/datamaps/dist/datamaps.fra.js

到目前为止，我在 Chrome 浏览器的控制台检查器中遇到了这个错误：Uncaught ReferenceError: Datamap is not defined