相关疑难解决方法(0)

缩放时Datamaps D3引脚/标记恒定大小和相对位置的问题

我有一个带有图钉标记的D3.js Datamaps.js映射,我一直在尝试实现缩放。

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

图像图钉标记为20x20,图钉标记的点(在x + 10,y + 20处)在所选的经度/纬度点上方。

缩放地图时出现问题,图像从其相对位置漂移。例如:看一看冰岛别针。放大时,它向上和向左漂移。

在缩放和单击地图时,如何保持销钉的大小相同且相对位置相同?

我在寻找其他示例,但是我不确定自己缺少什么。也许需要将视口大小添加到计算方法中。或者,可能需要将图钉标记的来源更改为默认值。我不确定。

参考:带有标记的d3美国州地图,缩放变换问题

svg d3.js datamaps

5
推荐指数
1
解决办法
585
查看次数

将标记放到使用topoJSON和d3.js生成的地图上

我正在创建一个特定州的地图,我一直在尝试使用d3.js和topojson并创建了一个很棒的地图,但现在我想在地图上添加一个标记.

但是现在我遇到了问题,因为当我添加标记有一个GeoJSON文件来为生成的地图添加标记时,我还想在按下标记时打开工具提示.

我的地图非常类似于:http://bl.ocks.org/mbostock/4699541,我想要的是通过具有标记的地理坐标的GeoJSON文件向状态添加标记.

所以地图是目前的 所以地图是目前的

预计地图...... 预计地图......

javascript map geojson d3.js topojson

3
推荐指数
1
解决办法
6976
查看次数

标签 统计

d3.js ×2

datamaps ×1

geojson ×1

javascript ×1

map ×1

svg ×1

topojson ×1