问题标签 [polymaps]

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 回答
383 浏览

javascript - 如何在 Polymaps 中监听图层缩放事件?

我正在使用Polymaps.js库来制作地图。能够观察图层上的缩放级别变化将非常有用。我试图保持一层按米值缩放的点,所以每当缩放级别发生变化时,我都需要重新计算半径。

0 投票
1 回答
5910 浏览

json - 加载 JSON 文件时,请求的资源上不存在“Access-Control-Allow-Origin”标头

我的数据集托管在我的 Dropbox 帐户上,但不是调用它的 Javascript 文件。我正在使用 D3 和 Polymaps 来可视化数据,但是我收到一条错误消息 - “XMLHttpRequest cannot load https://www.dropbox.com/s/89adzt973quosda/solaruse.json . No 'Access-Control-Allow-Origin ' 请求的资源上存在标头。因此,不允许访问源 'null'。(保管箱文件的链接有效,因此您可以查看)

这是我用来加载 JSON 文件的代码(我正在本地开发站点)我不完全确定从这一点开始该怎么做。

0 投票
0 回答
871 浏览

d3.js - 将 kml 文件作为图层导入 Polymaps

我有一个要使用 polymap 显示的 kml 文件。数据来自 NREL Solar Resource Map。作为一个 kmz 文件,它分别在谷歌地图和地球中显示得非常好,但是我无法将它加载到我的 polymaps/d3 环境中。有谁知道该怎么做?

如有必要,我可以发布更多详细信息

0 投票
0 回答
725 浏览

svg - D3.js/Polymaps - 锁定圆圈大小并创建工具提示功能

我对使用 D3、Polymaps 和整体数据还是很陌生。我一直致力于使用 d3 和 polymaps 来显示全国太阳能发电站的位置和大小。地图上的每个圆圈对应一个特定的经度/纬度,以及每个发电厂的英亩大小(从 json 文件中提取)。

我有两个问题(另外,我查看了用于创建工具提示和设置圆圈比例的文档和教程)。

  • 尽管缩放级别,圆圈的大小保持不变
  • 当每个圆圈悬停或单击时,我希望文本标签显示为工具提示。(当前悬停在任何圆圈上会显示每个位置的所有文本)

这是当前状态下的可视化链接 http://www.tijaniogunlende.com/dataviz/index.html

这些是我尝试合并的教程/代码(收效甚微) Simple TooltipTooltip with Jquery TipsySVG Geometric ZoomingK-means Clustering

在我尝试在我的代码中实现它们之前,它们看起来都相当简单。我对 D3 和 polymaps 有基本的了解,但我不得不承认我在这个方面遇到了困难。

任何帮助/指导将不胜感激。

这是我的代码:

0 投票
1 回答
300 浏览

angularjs - Polymaps 和 Angularjs

我正在尝试在 angularjs 应用程序中添加 polymaps 地图。

Javascript 无法在我的角度视图内的元素上设置属性?

我的 html 看起来像这样:

基本的 polymaps 代码是:

我假设这是有角度的。有什么解决办法吗?

0 投票
1 回答
145 浏览

gis - Polymaps - geoJSON 内部带有标签的多边形

我有一张使用 Polymaps ( http://polymaps.org/ ) 的地图,并且能够根据 geoJSON 文件绘制多边形。如何将名称添加到多边形。

例如:这是我的 geoJSON

我想用其中的文本 NH 绘制多边形。

0 投票
2 回答
90 浏览

javascript - D3.js implements first stage of transition but not 2nd

Can anyone tell me why my circles transition to green but then do not transition to blue? I don't know if it's relevant but this is D3 on top of polymaps.

0 投票
1 回答
621 浏览

javascript - Polymaps svg 地图容器默认为 300 x 150 像素,否则无法设置

我在 Polymaps 中发现了一个错误,但还没有找到确切的原因。最近的某个时候,我的 Polymaps.js (2.5.1) 的本地副本停止将地图显示为容器的完整大小,而是仅显示 300 像素 x 150 像素的视图。我还在 Polymaps.org 网站上看到了这种行为。

CSS 样式表有:

HTML页面有:

JavaScript 地图代码有:

结果 0:

但是,svg.map 的实际大小为 300px x 150px。CSS 中的地图 div 未用于调整地图的大小。我认为选择容器(document.getElementById(“map”))的目的是在容器大小之间转移......

实验 1:将这一行添加到上面的 JavaScript 地图代码中(在 .container 之后):

结果 1:

这会更改矩形大小,但是如果您检查 svg.map 大小,它仍然是 300 像素 x 150 像素。

实验 2:在浏览器调试控制台元素列表中选择以下元素:

更改样式选项卡下元素的大小,当前为 300 x 150。修改为 1100 x 700。

结果 2:

现在可查看的地图区域为 1100px x 700px。

在 Chrome 中调试,我在 polymaps.js?2.5.1 的第 491 行放了一个断点:return map.resize(); // 推断大小

然后检查当时的局部变量。

似乎 Polymaps 通过推断 SVGAnimatedLength 的某些默认值来获取地图大小,而不是使用 map.size() 函数来获取容器大小或正确。我的猜测是 SVG 标准或实现以某种方式发生了变化,而 Polymaps 没有处理它(现在是 2011 代码)。

谁能帮忙找出问题所在?最好修复它!将不胜感激。谢谢。杰米

0 投票
1 回答
1484 浏览

javascript - 在 d3.js 中的点之间绘制线

我正在尝试使用 d3.js 在绘图点之间画线。

示例geojson(FeatureCollection of 3 LineString): https ://www.dropbox.com/s/hgkdvbnrgmb6kak/test.geojson?dl=0

完整的现有代码: https ://www.dropbox.com/s/49820rs561vneti/test.html?dl=0

代码块我遇到问题:

圆圈出现了,但没有将它们连接在一起的线。

任何帮助将不胜感激!

0 投票
1 回答
77 浏览

html - 满足以下要求的最佳 Web Mapping API 是什么?

我有一个相当简单的,并且我认为可以通过 web 映射项目来完成的常见映射。我在选择网络地图 API 时苦苦挣扎。到目前为止,我还无法满足以下要求。

  1. 能够在一个视图中显示数千个点,而不会阻塞浏览器。具体来说,我会说我想一次显示大约 30,000 个点,并且仍然能够在不降低性能的情况下在滑溜溜的地图上导航。

  2. 当地地图。Web 服务器将在本地客户端上运行,因此能够在不访问 Internet 的情况下显示地图(即使它是非常基本的地图)是绝对必要的。

  3. 将数据库中的动态数据渲染到地图上(大多数 API 都满足此要求)。

  4. 直接在地图上绘制多边形,并导出所有顶点的纬度/经度值。

根据您使用地图 api 的经验,它们中的任何一个都符合上述要求吗?

我看过 OpenLayers 3、Leaflet 和 Polymaps。除了提前阅读每一份文档之外,我无法辨别其中任何一个是否能满足所有要求。再次,我希望有任何 API 经验的人可以为我指明正确的方向。

谢谢!