问题标签 [kartograph]

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 投票
1 回答
70 浏览

kartograph - 在 XML 文件 Kartograph.js 中调整 GeoSVG 的大小

我正在尝试在 xml 文件中调整地理 svg 的大小,但失败了。我一直在尝试调整 viewBox 和高度/宽度,但无法使其正常工作......我基本上是在尝试放大 svg 以与 Kartograph.js 一起使用。我从 KArtograph 获得了 FRA.svg 文件...

上下文路径 { 填充:#eee; 中风:#bbb;} ]]>

任何帮助都会很棒,谢谢!

0 投票
1 回答
130 浏览

python-2.7 - kartograph 未知形状类型(25)

我正在尝试使用 kartograph py 生成 svg 地图,如下所示:

我收到了这个错误:

查看 kartograph 的源代码,我们有这个:

有人可以帮我吗?

我在下面尝试了这个,我得到了另一个错误。

错误:

0 投票
1 回答
242 浏览

javascript - kartograph 添加符号坐标

我无法在我的 svg 地图中添加符号。

这是我的 svg 的元数据:

这是js代码:

不知道是坐标错了还是整个代码错了。

有没有办法从路径标签中获取坐标?

有人可以帮助我吗?

0 投票
0 回答
108 浏览

python - Katrograph (Python) - 不一致的条件样式?

我目前正在尝试使用Kartograph.py按县生成房屋中值的等值线。我之前能够通过包含在我的Notebook中的配置和 CSS 字符串来构建一个 choropleth 。(请注意,这tel是我感兴趣的变量,它dbf_in是一个pandas DataFrame,其中包含与我的状态 shapefile 关联的 .dbf 表中的信息。)

为了完整起见,这里是 CSS 字符串:

简而言之,我能够动态构建我的 CSS 字符串,并生成以下图像的 SVG 版本:

按州分类

遵循类似的协议来创建州级等值线:

这是 CSS 字符串的第一部分:

然而,这一次,我似乎无法将颜色绑定到多边形上,就像我在状态中所做的那样。这一次,它产生以下图像:

布兰克县地图

关于为什么会发生这种情况的任何想法?我确实考虑过可能包含超过 3000 个项目的字典是有问题的,但是当我尝试用只有五个唯一值的变量着色时,我得到了相同的结果。

0 投票
1 回答
1991 浏览

svg - 使用 D3.js 制作自定义的虚构地图

我正在为一个副项目提出一个想法,并正在寻找关于技术方向的建议。我已经做了一些研究,但对于现实的选择是什么仍然相当困惑。

我想制作基于虚构世界(想想中土世界)的交互式地图,包括时间线过滤器和详细信息部分,以获取有关事件或位置的其他信息。

所需功能:

  • 地图在左边
  • 右侧的详细信息窗格
  • 底部的时间线滑块/过滤器
  • 领土
    • 政治派别的颜色
    • 在详细信息窗格中显示详细信息
    • 标签
  • 城市标签

障碍:

  1. 获取干净的地图图像以使用
  2. 将图像映射为中间格式(svg、geojson、topojson?)
  3. 网页展示地图、风格地图、添加动画等

技术

  • SVG
    • 我很确定我可以使用事件和边界在 SVG 中编写所有这些代码。我已经能够使用 GIMP 从图像创建 SVG 路径,因此将地图转换为 SVG 文件似乎是合理的。
    • 这样做的问题是,当似乎已经有很多此类事情的框架时,我最终会以艰苦的方式完成所有工作。
  • 绘图仪
    • La Bella Italia是一个很好的例子,可以作为一个很好的起点。我喜欢贸易路线动画和带有发光滤镜的边框样式。
    • 这里的好处是我知道我可以制作一个 svg 地图,这就是启动和运行所需的一切。
    • 我的问题是,Kartograph 似乎不像 D3.js 那样丰富的平台。我不确定我是否可以将一些 D3 的东西与 kartograph 事件联系起来。如果可以,那可能是解决方案。
  • D3.js
    • 滑块、动画(悬停和选择)和 topojson 似乎是完美的。但我在这里遇到的主要问题是将我的图像转换为 GeoJson 格式。据我所知,这些格式严格用于真实世界地图,使用经度/纬度。

所以你有它!我希望有一些关于如何将我的地图图像转换为 topojson 的好消息,这样我就可以享受 D3.js 的好处。如果没有,我想我可以尝试 kartograph 并将事件与 D3 控件联系起来。

想法?

0 投票
1 回答
158 浏览

javascript - 制图仪不显示

我通过 stackoverflow 进行搜索,但我仍然无法找到答案,即使我想到了类似的问题。

我正在尝试显示由 Kartograph.py 的演示生成的 SVG 地图。但无论我做什么,它都不会显示。

这是我的代码:

我尝试在本地运行 JS 文件并直接使用他们的版本。我尝试运行最新版本。

我只是不知道它有什么问题。

0 投票
1 回答
83 浏览

javascript - 在地图上编辑工具提示

我在地图上使用 kartograph 来根据数据调整样式/工具提示,所以我遵循这个展示: http: //kartograph.org/showcase/choropleth/

地图很好,现在我想编辑它。

对于我成功完成的风格:

但我无法编辑工具提示功能......

我尝试了这个解决方案:https ://github.com/kartograph/kartograph.js/wiki/Tooltips 但我收到“map.tooltips is not defined”错误...

0 投票
1 回答
77 浏览

javascript - 在 Kartograph.js 中显示气泡

我正在尝试在 Kartograph 生成的 SVG 地图上创建气泡。我想做这样的事情:http: //kartograph.org/showcase/symbols/

地图加载,但符号不显示。我在 Javascript 控制台中没有抛出任何错误。

});

我不知道还能做什么。我已遵循所有示例代码并阅读了文档。

0 投票
0 回答
126 浏览

kartograph - Kartograph.py 中用于 SVG 地图的裁剪层

我正在尝试使用Kartograph.py绘制具有两层的 SVG 地图。最终结果应该是第一层的一个国家(比如法国),第二层的主要河流。

与法国边界的第一层效果很好,但我想在地图顶部添加额外的拓扑信息(比如河流)。我找到了描述河流的 shapefile。但是,当我将其添加到如下所示的 JSON 配置文件中时,河流不在国家/地区(但在国家定义的广场内,请参见图片)。

Kartograph 的文档提到crop-to,但我无法让它工作。当我添加此选项以将第二层裁剪为第一层时,不会出现所有河流数据。

0 投票
0 回答
53 浏览

python - 如何使用纯 svg 制作交互式地图

第一篇文章和新程序员。我正在尝试使用适用于 python 2.7 的kartograph.org 框架在 python 和 javascript 中制作一个小型交互式地图,但我遇到了很多首先阻止我的问题。1-我尝试通过安装框架

但它给了我这个错误

我试图从

但一直回复同样的错误。如果有人帮助我,我会很高兴