问题标签 [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.
javascript - 如何在 Polymaps 中监听图层缩放事件?
我正在使用Polymaps.js库来制作地图。能够观察图层上的缩放级别变化将非常有用。我试图保持一层按米值缩放的点,所以每当缩放级别发生变化时,我都需要重新计算半径。
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 文件的代码(我正在本地开发站点)我不完全确定从这一点开始该怎么做。
d3.js - 将 kml 文件作为图层导入 Polymaps
我有一个要使用 polymap 显示的 kml 文件。数据来自 NREL Solar Resource Map。作为一个 kmz 文件,它分别在谷歌地图和地球中显示得非常好,但是我无法将它加载到我的 polymaps/d3 环境中。有谁知道该怎么做?
如有必要,我可以发布更多详细信息
svg - D3.js/Polymaps - 锁定圆圈大小并创建工具提示功能
我对使用 D3、Polymaps 和整体数据还是很陌生。我一直致力于使用 d3 和 polymaps 来显示全国太阳能发电站的位置和大小。地图上的每个圆圈对应一个特定的经度/纬度,以及每个发电厂的英亩大小(从 json 文件中提取)。
我有两个问题(另外,我查看了用于创建工具提示和设置圆圈比例的文档和教程)。
- 尽管缩放级别,圆圈的大小保持不变
- 当每个圆圈悬停或单击时,我希望文本标签显示为工具提示。(当前悬停在任何圆圈上会显示每个位置的所有文本)
这是当前状态下的可视化链接 http://www.tijaniogunlende.com/dataviz/index.html
这些是我尝试合并的教程/代码(收效甚微) Simple Tooltip、Tooltip with Jquery Tipsy、SVG Geometric Zooming和K-means Clustering
在我尝试在我的代码中实现它们之前,它们看起来都相当简单。我对 D3 和 polymaps 有基本的了解,但我不得不承认我在这个方面遇到了困难。
任何帮助/指导将不胜感激。
这是我的代码:
angularjs - Polymaps 和 Angularjs
我正在尝试在 angularjs 应用程序中添加 polymaps 地图。
Javascript 无法在我的角度视图内的元素上设置属性?
我的 html 看起来像这样:
基本的 polymaps 代码是:
我假设这是有角度的。有什么解决办法吗?
gis - Polymaps - geoJSON 内部带有标签的多边形
我有一张使用 Polymaps ( http://polymaps.org/ ) 的地图,并且能够根据 geoJSON 文件绘制多边形。如何将名称添加到多边形。
例如:这是我的 geoJSON
我想用其中的文本 NH 绘制多边形。
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.
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 代码)。
谁能帮忙找出问题所在?最好修复它!将不胜感激。谢谢。杰米
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
代码块我遇到问题:
圆圈出现了,但没有将它们连接在一起的线。
任何帮助将不胜感激!
html - 满足以下要求的最佳 Web Mapping API 是什么?
我有一个相当简单的,并且我认为可以通过 web 映射项目来完成的常见映射。我在选择网络地图 API 时苦苦挣扎。到目前为止,我还无法满足以下要求。
能够在一个视图中显示数千个点,而不会阻塞浏览器。具体来说,我会说我想一次显示大约 30,000 个点,并且仍然能够在不降低性能的情况下在滑溜溜的地图上导航。
当地地图。Web 服务器将在本地客户端上运行,因此能够在不访问 Internet 的情况下显示地图(即使它是非常基本的地图)是绝对必要的。
将数据库中的动态数据渲染到地图上(大多数 API 都满足此要求)。
直接在地图上绘制多边形,并导出所有顶点的纬度/经度值。
根据您使用地图 api 的经验,它们中的任何一个都符合上述要求吗?
我看过 OpenLayers 3、Leaflet 和 Polymaps。除了提前阅读每一份文档之外,我无法辨别其中任何一个是否能满足所有要求。再次,我希望有任何 API 经验的人可以为我指明正确的方向。
谢谢!