问题标签 [datamaps]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
61 浏览

javascript - 形状文件问题

我正在尝试为比利时的一个城市生成一个 TopoJSON,称为 Gent。他们给了我们一个 shapefile(在这里找到https://www.dropbox.com/s/21qv9eqez0qe0va/Gent-shapefile.zip?dl=0)。

然而,生成 TopoJSON 对我来说是一个挑战。

我尝试使用mapshaper:

}

看起来不错,但不工作。使用命令行进行转换更糟糕:名称被删除,...

我使用 d3 Datamaps,并在其上使用墨卡托投影:

可悲的是,这导致: 结果

想法?

0 投票
0 回答
43 浏览

javascript - $apply 在重新加载角度部分时不起作用

我正在编写包括数据映射、angularJS 和 Javascript 的代码。我正在使用工厂在两个控制器之间传达事件。

工厂如下

在一个控制器的部分主页上,我正在更新工厂数据,如下所示

同样,我在 mouseout 和 click 事件中更改值

在另一个控制器上,我检测到这样的变化

mouseout 和 click 的类似句柄。

一切正常,并且检测到每个事件。但问题是,当我通过单击转到其他部分然后返回到主页的同一部分时,$apply 函数对任何事件都不起作用。所以 $watch 也无法检测到其他控制器的变化。

我尝试在 $apply 函数中登录控制台,但是 $scope.$apply 函数没有运行,当第一次加载部分时它运行得很好。

这看起来很奇怪,知道问题可能是什么吗?提前致谢。

0 投票
1 回答
587 浏览

javascript - 将图例添加到彩色世界地图

各位程序员好!我正在尝试在我的交互式世界地图中添加一个图例,但没有这样做。我应该/可以使用哪些功能?直到现在,我尝试的一切最终都没有显示出来。任何帮助将不胜感激!谢谢!

世界地图代码:

0 投票
2 回答
421 浏览

d3.js - 数据图中的空弧

尝试从 Datamaps 在地图上绘制弧线时,如下所示:https ://datamaps.github.io/

我得到一个空弧,使用以下代码并在此处显示:http: //jsfiddle.net/yausern/qbgewhss/1/

我在这里想念什么?

0 投票
0 回答
154 浏览

python - 创建自定义地图并可视化数据

我写了一个 PDS(公共分配系统)的模拟。我只考虑了印度的一个州。正如在模拟中,库存正在从一个地区转移到另一个地区。

我想将数据可视化作为 UI 的一部分,在那里我将能够看到动作。

是否有任何可用于数据可视化的库,我可以在其中制作任何印度州的自定义地图以及代表库存移动的地区之间的弧线。

谢谢你。

0 投票
1 回答
697 浏览

javascript - 从数据映射的 json 文件加载悬停数据的弹出窗口

当用户将鼠标悬停在特定国家/地区时,数据地图“入门”页面有一个关于自定义文本的部分。但是,他们通过硬编码该信息来做到这一点:

我想从外部 .json 文件加载该信息,以便我可以轻松更新它。我怎样才能做到这一点?我试过设置dataURL,但需要一个完整的 topojson 文件,我不需要更新。非常感谢任何帮助!

0 投票
0 回答
148 浏览

javascript - Angular Material(选项卡)渲染是否有回调?

我正在尝试将地图集成到 Angular Material 选项卡中。确切地说,所有选项卡中的地图。我正在使用Datamaps来渲染地图。

我用我做过的演示做了一支笔,http://codepen.io/sgsvenkatesh/pen/yJbYOj

当我用setTimeout. (我在上面的第 128 行注释掉了)

setTimeout应用如下所示时,代码工作得非常好。

在我看来,问题是因为 Datamaps 甚至在 Angular Material 渲染完成之前就被渲染了。(可能这就是为什么 svg 没有任何宽度/高度)

Angular Material 渲染完成后是否提供回调?如果不是,我们如何实现任何 DOM 操作,这应该发生在材质渲染之后。

如果需要更多信息,请发表评论。

0 投票
1 回答
997 浏览

javascript - DataMaps - 如何改变海洋的颜色

https://github.com/markmarkoh/datamaps有一个非常漂亮的 javascript 矢量地图,但它似乎没有更改海洋颜色的选项。然而,我确实看到一些演示对海洋有不同的颜色。如何改变海洋的颜色?

0 投票
0 回答
338 浏览

javascript - 将文本添加到 Datamap 的气泡中

所以我基本上使用 Datamaps 示例网站中的默认气泡图。

我想要做的是获取我传递给气泡的数据以直接显示在气泡顶部。因此,与其让弹出模板显示,不如data.yield将其显示在气泡上。

谢谢!!

0 投票
1 回答
987 浏览

d3.js - D3 DataMaps(或 jvectormap):如何通过坐标将自定义对象放在地图上

例如,我想通过 gps coords (lat, lng) 添加一个自定义 html 对象到 wold map - 就像用 css 或任何其他(js?)标记动画完成的脉动点