问题标签 [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.
javascript - Datamaps 获取国家代码列表
如何获取 d3.js 数据地图支持的所有国家/地区的列表?
按照datamaps 演示页面中的示例,我将这个配置用于我的地图:
如何获取数据地图中包含的所有国家/地区的列表(除了“USA”、“JPN”、“ITA”等)?
javascript - 如何在地图上传递事件变量/放置标记 - 在 Datamaps 和 D3 中绑定完成的事件时?
我正在制作一张使用 d3 上的数据地图创建的美国地图。我想根据鼠标 XY 在选定的状态上放置一个标记。#map-bubble 是我想在地图上放置的标记。
我不确定我是否使用了正确的方法来执行此操作,但我选择的方式 - 似乎没有办法在点击绑定中抓住鼠标 XY。我发现的唯一替代方法是:Javascript - Track mouse position这看起来很麻烦。
jquery - datamaps updateChloropleth 与自定义地图
这是一个奇怪的问题。
我可以使用标准世界地图执行以下操作,单击更改按钮即可:
如果我使用我的自定义 topojson 文件,我可以这样做,并且在地图加载时实施更改:
但是,一旦我尝试将其包装在单击事件处理程序中(就像我在世界地图示例中所拥有的那样),它就不起作用了:
测试警报触发良好,但地图叶绿素未更新。
感谢您的任何想法!
d3.js - D3 的美国邮政编码 TOPOJson
我正在使用 D3 创建美国地图,我必须实施三级缩放,从国家地图到州,从州到县,从县到邮编边界。
我已经完成了前两个级别,我使用了 AngularJS 指令。
GIST URL:D3 二级缩放
现在我需要实施进入县的第三级并显示所有 zip 级区域边界。我已经对 zip level geometry 进行了很多搜索,我在 stackoverflow 中发现了一个有用的问题,但是这个数据只关联了州名,我还需要县名,因为我只需要为被点击的特定县绘制边界,任何线索如何正确将是有帮助的。我发现US Atlas project,虽然希望它会帮助我,但无法正确理解它。
javascript - 鼠标滚轮缩放地图 - DataMaps.js
我使用全局地图DataMaps.js。我想在鼠标滚轮移动时实现鼠标缩放。有一个静态缩放的例子:
另外,我有事件鼠标滚轮:
我试图连接这些部分。另外,我尝试更改datamaps.js。但是,不幸的是,我失败了。
javascript - D3 DataMaps:气泡上的 OnClick 事件
我正在关注数据映射文档,我正在尝试为我在 svg 上呈现的气泡设置一个 onClick 侦听器。现在,svg div有以下子标签:
文档说,对于地图上列出的国家/地区,应按以下方式完成:
这很好用,同时尝试点击地图上的特定区域。
尝试将相同的侦听器附加到气泡类没有任何作用..
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!
javascript - D3.JS 数据映射国家名称变量
我想输入国家名称作为变量,但我不能。
angularjs - 用于 D3 数据映射的 Angular 指令仅渲染一次
因此,我制作了一个 Angular 指令,它在 HTML 模板中呈现 D3 数据图。我通过“数据”属性将数据传递给指令。我面临的问题是第一次加载页面时地图显示完美。但是,当我通过从其他模板导航(通过“ui-route”完成路由)返回模板时,地图不会被渲染,控制台中也没有错误。这是我的指令:
这是我的模板角度控制器:
这是 HTML 模板:
这是第一次加载页面时的屏幕截图:
从网站的其他模板导航后返回页面后的空容器。
知道发生了什么吗?
datamaps - 数据映射在数据映射 d3 中未定义
我需要将 datamap 世界图添加到 div 元素中的“maps-world” id 中,如下所示:
以下是我添加的依赖项(所有依赖项都是本地的)
以下是我用来生成世界图的代码:
我在控制台中收到以下错误。 数据图未定义
由于它是名为 Choropleth 的datamap-github-page中给出的示例,因此预计它可以正常工作。任何机构都可以帮助我解决这个问题。