问题标签 [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 投票
3 回答
6520 浏览

javascript - Datamaps 获取国家代码列表

如何获取 d3.js 数据地图支持的所有国家/地区的列表?

按照datamaps 演示页面中的示例,我将这个配置用于我的地图:

如何获取数据地图中包含的所有国家/地区的列表(除了“USA”、“JPN”、“ITA”等)?

0 投票
1 回答
1348 浏览

javascript - 如何在地图上传递事件变量/放置标记 - 在 Datamaps 和 D3 中绑定完成的事件时?

我正在制作一张使用 d3 上的数据地图创建的美国地图。我想根据鼠标 XY 在选定的状态上放置一个标记。#map-bubble 是我想在地图上放置的标记。

我不确定我是否使用了正确的方法来执行此操作,但我选择的方式 - 似乎没有办法在点击绑定中抓住鼠标 XY。我发现的唯一替代方法是:Javascript - Track mouse position这看起来很麻烦。

0 投票
1 回答
604 浏览

jquery - datamaps updateChloropleth 与自定义地图

这是一个奇怪的问题。

我可以使用标准世界地图执行以下操作,单击更改按钮即可:

如果我使用我的自定义 topojson 文件,我可以这样做,并且在地图加载时实施更改:

但是,一旦我尝试将其包装在单击事件处理程序中(就像我在世界地图示例中所拥有的那样),它就不起作用了:

测试警报触发良好,但地图叶绿素未更新。

感谢您的任何想法!

0 投票
2 回答
3176 浏览

d3.js - D3 的美国邮政编码 TOPOJson

我正在使用 D3 创建美国地图,我必须实施三级缩放,从国家地图到州,从州到县,从县到邮编边界。

我已经完成了前两个级别,我使用了 AngularJS 指令。

GIST URL:D3 二级缩放

现在我需要实施进入县的第三级并显示所有 zip 级区域边界。我已经对 zip level geometry 进行了很多搜索,我在 stackoverflow 中发现了一个有用的问题,但是这个数据只关联了州名,我还需要县名,因为我只需要为被点击的特定县绘制边界,任何线索如何正确将是有帮助的。我发现US Atlas project,虽然希望它会帮助我,但无法正确理解它。

0 投票
1 回答
3391 浏览

javascript - 鼠标滚轮缩放地图 - DataMaps.js

我使用全局地图DataMaps.js。我想在鼠标滚轮移动时实现鼠标缩放。有一个静态缩放的例子:

另外,我有事件鼠标滚轮:

我试图连接这些部分。另外,我尝试更改datamaps.js。但是,不幸的是,我失败了。

0 投票
1 回答
4179 浏览

javascript - D3 DataMaps:气泡上的 OnClick 事件

我正在关注数据映射文档,我正在尝试为我在 svg 上呈现的气泡设置一个 onClick 侦听器。现在,svg div有以下子标签:

文档说,对于地图上列出的国家/地区,应按以下方式完成:

这很好用,同时尝试点击地图上的特定区域。

尝试将相同的侦听器附加到气泡类没有任何作用..

0 投票
0 回答
739 浏览

javascript - update choropleth by string (not by fillKey prop)

I read the guide->updating after initial drawing part at https://github.com/markmarkoh/datamaps but updating doesn't work using string values (it works fine using fillKey property instead). I read this closed issue too: markmarkoh/datamaps#118 but nothing.

This is my code:

Country identificated by id=57 is ok, country 116 doesn't change

I pull data from a PHP-array like this: myarray=[[57,32],[116,12]] Country 57 has value 32, country 116 has value 12 and so on. I ignore myarray right now because I want to solve updatechoropleth issue first Obviously, I'm going to create a linear scale to put right colors into countries path but this is another thing.

Help me please Thank you guys!

0 投票
1 回答
519 浏览

javascript - D3.JS 数据映射国家名称变量

我想输入国家名称作为变量,但我不能。

0 投票
2 回答
1127 浏览

angularjs - 用于 D3 数据映射的 Angular 指令仅渲染一次

因此,我制作了一个 Angular 指令,它在 HTML 模板中呈现 D3 数据图。我通过“数据”属性将数据传递给指令。我面临的问题是第一次加载页面时地图显示完美。但是,当我通过从其他模板导航(通过“ui-route”完成路由)返回模板时,地图不会被渲染,控制台中也没有错误。这是我的指令

这是我的模板角度控制器:

这是 HTML 模板:

这是第一次加载页面时的屏幕截图:

第一次加载页面/网站时

从网站的其他模板导航后返回页面后的空容器。

应包含 svg 的空容器

知道发生了什么吗?

0 投票
1 回答
1611 浏览

datamaps - 数据映射在数据映射 d3 中未定义

我需要将 datamap 世界图添加到 div 元素中的“maps-world” id 中,如下所示:

以下是我添加的依赖项(所有依赖项都是本地的)

以下是我用来生成世界图的代码:

我在控制台中收到以下错误。 数据图未定义

由于它是名为 Choropleth 的datamap-github-page中给出的示例,因此预计它可以正常工作。任何机构都可以帮助我解决这个问题。