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

jquery - kartograph.js - 非常简单的地图

作为一个初学者,我想得到最基本的例子来工作。所以我从这里下载了一张地图查看 了文件,发现第一个也是唯一的 id'g''admin1'

所以,我开始:

基本上就是这样 - 它没有显示任何内容。我检查了文件位置,并检查了$script.ready函数运行后的所有内容。一切都好 - 但没有结果。我从 kartograph lib 文件夹(在 git 上)中获取了我包含的所有文件 - 并添加了k.css一个小的map.css

map.css看起来像这样:

0 投票
1 回答
1958 浏览

javascript - 如何使用 kartograph.js?

有没有人使用过图书馆 kartograph.js 和“kartograph.py”?你知道我是否需要'kartograph.py'才能运行吗?如何在不安装python的情况下使用库'kartograph.py'?因为当我在“kartograph.js”中构建“BBOX”时,“kartograph.js”有问题

kartograph.js 中的错误:

感谢您的帮助

HTML 页面。当我构建 $K.map 时出现错误

0 投票
1 回答
531 浏览

data-visualization - 在县级创建 Choropleth 地图

我正在尝试在县级以十年为单位创建阿巴拉契亚地区人口密度的动画,从大约 1790 年到 2010 年。

通过修改 Nathan Yau 在本教程中所做的工作,我成功地创建了 2010 年的 choropleth 。我遇到了一些问题。一方面,美国县界随着时间的推移而迅速发展,所以我不能使用与教程中相同的 SVG 文件。我认为我需要执行以下操作:

  • 从这里获取历史县界作为 GIS 文件。
  • 使用Kartograph将 GIS 文件转换为 SVG 文件(在安装其众多依赖项之后)。
  • 从美国人口普查数据中获取自 1790 年以来阿巴拉契亚地区每个县的人口数据(带有 FIPS 信息)。
  • 模仿教程中所做的事情,为每十年创建 choropleth 并将其拼接成动画。

对于如此简单的事情来说,这似乎非常复杂,而且我对很多事情都很陌生,所以我不相信我能够让所有这些工作。我想我的问题如下:

我概述的策略会奏效吗?有没有更好/更简单的方法来做我想做的事情?

此外,至于获取人口普查数据,这似乎也比必须的要难。我只想要一个简单的 .csv 文件,其中包含给定年份的 FIPS 标签、县名和人口,但我能找到的最好的文件是这样,带有以某种神秘格式指向实际来源的链接。

谢谢你的帮助!

0 投票
0 回答
595 浏览

python - 为 kartograph.py 安装 GDAL 失败 - DLL 加载失败

有一个非常相似的主题,但那里的解决方案对我没有帮助。

我正在尝试从安装中安装和运行kartograpgh.py测试,它像这样中断 =>

我设法安装了所有依赖库,还有 kartograph.py。但是一旦我运行 kartograph.py 提供的测试,我就会得到上面的错误。

我的python版本是:

我遵循了上面提到的类似主题中提供的解决方案:

我已经设置了两个环境变量,还注意将其提前写入“路径”变量中。我安装的 GDAL 核心及其 python 二进制文件的版本是:

  • gdal-19-1500-core.msi GDAL
  • GDAL-1.9.2.win32-py2.7.msi

而且我还尝试了核心'gdal-19-1600-core.msi',因为我不是100%确定我需要的GDAL核心,对我来说这个安装似乎并不简单。

我试过安装osgeo4w,它自己安装GDAL,但是失败了,所以我现在没有安装它。我担心这会留下某种注册,这会使我实际安装的 GDAL 及其 DLL 无法通过调用 gdal 模块的 kartograph.py 的执行找到。

非常感谢帮助,尤其是有关如何跟踪或定位真正问题的提示:)

0 投票
1 回答
102 浏览

javascript - Kartograph choropleth $script 被阻止

我正在使用 Kartograph Choropleth Maps并且代码有问题。第一行抛出以下错误:

ReferenceError: $script 未定义

代码:

0 投票
1 回答
503 浏览

javascript - 加载 .svg 以在 rails 中使用 javascript 显示

我正在尝试使用kartograph.js在 rails 应用程序中显示位于 /public 的 svg 地图,但无法弄清楚如何加载地图。这是我的 .js.coffee.erb 文件:

控制台中抛出的错误是 Uncaught TypeError: Cannot call method 'getAttribute' of undefined,但我认为问题是没有加载文件。

0 投票
3 回答
3356 浏览

kartograph - 如何使用 kartograph 生成概述国家/地区的世界地图

我最近一直在看 kartograph。我知道我们使用 kartograph.py 生成 svg,然后使用 kartograph.js 中的 svg 在 Web 界面中呈现地图。

我想生成类似http://kartograph.org/showcase/animated-symbols/的东西。但改用世界地图。问题是我对地图和地理数据非常陌生。我很难找到如何使用 kartograph.py 仅使用国家轮廓生成 svg。

有一个测试 kartograph.py 的示例,它生成了一个世界地图 svg,但它的大小接近 2MB。这是正常的吗?它不会用 2 MB svg 延迟图形的初始加载(至少在互联网连接不佳的情况下)。

该示例还使用一些 .shp 文件来绘制地图,我在哪里可以获得这些文件。

换句话说,我试图找到一个简单的端到端示例来说明如何使用 kartograph,但看起来这样的东西不可用。我已经用谷歌搜索了几次,只是空手而归。

关于如何生成带有国家轮廓的简单世界地图以及什么是图层、过滤器和一些术语的解释的任何指示,以帮助我入门将非常有帮助。提前致谢

0 投票
0 回答
179 浏览

javascript - 如何加快 kartograph.js?

情况:

Kartograph.js 中有一个复杂的地图,其中包含许多 svg 路径。例如这个: http: //kartograph.org/showcase/choropleth/

问题:

地图的初始化很慢(最多 5 秒)

另一方面,当通过 Raphael.js 直接渲染复杂的地图时,如下所示: http ://raphaeljs.com/world/ init 基本上是立即的。

问题:

有没有一种简单的方法可以加快第一个示例的速度?

我的想法:

我在想,在 Kartograph.js 中有原始 svg 的处理,甚至可能会调整路径的大小,这很慢。也许它可以以某种方式预编译成 raphael 调用,但我什至不知道从哪里开始。

我将非常感谢任何提示。

0 投票
0 回答
134 浏览

graphics - 将位图图像转换为地理地图的最简单免费的方法

我的图像是一个有地区的国家的地图。例如这张图片http://upload.wikimedia.org/wikipedia/commons/c/ca/POLSKA_mapa_powiaty2.png。我想将其跟踪/转换为 svg 格式,以使每个区域都成为单独的形状(多边形) - 后来我想在http://kartograph.org/. 我必须使用什么程序?如何?

到目前为止,我尝试了 inkscape/photoshp,但这些都不起作用。是否有一些特殊的工具/程序可以跟踪/将位图转换为矢量?

0 投票
1 回答
806 浏览

python - Kartograph python脚本生成具有不正确纬度/经度坐标的SVG

我已经修改了这个问题,以反映发现问题的一些进展。我正在使用以下 python 代码生成美国大陆的 SVG。shapefile 无关紧要,因为无论我使用什么 shapefile,都会出现我描述的问题。脚本真的很简单。我基本上只是为美国制作一个 shapefile,并使用一个边界框来排除夏威夷和阿拉斯加。

问题是此代码生成的 svg 关联的坐标不正确。当我使用 javascript 尝试在其上绘制点时,这些点出现在正确的纬度上,但偏离了大约 100 度的经度。

当我使用来自 Kartograph 的预制 SVG 时,我没有这个问题(我还没有尝试裁剪掉阿拉斯加和夏威夷)。所以关于我的python脚本的一些东西导致了这个,但我不明白是什么。

已修复:下面的评论让我想到这可能与投影有关。我删除了将图形绘制为墨卡托投影的 python 脚本部分,这修复了所有问题。我不确定我是否理解为什么,但如果您遇到类似问题并发现这个问题:尝试更改您的投影或根本不使用投影。