topojson 第2页 - IT屋-程序员软件开发技术分享社区

在路径上绘制SVG图像，但视需要而定

因此，我想在路径上显示一张图像 .这些路径是通过topojson坐标创建的.这些点在我的地图上的正确位置.因此，接下来就是在该点上显示SVG图片. 我尝试通过添加 svg:image 来进行尝试，但是没有机会.我也尝试将它带入相同结果的路径.我无处可看到该图像.这是一个带有PNG图像的示例.因为至少这样应该可以排除SVG问题: var featureCollection = topoj ..

发布时间：2020-07-21 00:19:04 javascript svg d3.js coordinates topojson 前端开发

在地图上绘制纬度/经度-D3.js v4

我有一张简单的美国地图，我正在尝试绘制一些经纬度测试点.我发现此程序段解释了该过程，但在将语法转换为v4时遇到了麻烦.即使当我在块中运行确切的代码时，它也会引发相同的错误. 我可以看到d3.geoMercator()一种“扁平化"地图.需要这个吗?看起来微不足道，但我喜欢没有此功能的美国地图的自然曲率. 好奇正确的方法是什么，以及是否有必要编写某些代码.特别是这部分: pro ..

发布时间：2020-07-20 23:36:38 javascript d3.js topojson 前端开发

D3地图未呈现澳大利亚topojson文件

我有一个d3地图未呈现我创建的Australia TopoJSON文件的JSON文件. 相同的代码可以绘制一张美国地图.浏览器检查器中没有错误，并且两个地图在在线可视化站点(如geojson.io)上均可正常显示. 我已经提供了指向JSON的链接. 澳大利亚TopoJSON 不适用于我的代码(但适用于geojson. io/#map = 4/-27.97/125.22) Ame ..

发布时间：2020-07-20 22:55:33 d3.js topojson 其他开发

d3js v5 + Topojson v3关于加入csv& json

为了制作地图，我需要直接在代码中将一些值从csv导入到中. 为了加载json和csv文件，我对Promise对象使用了异步操作，并且使用了两个循环和一个公用键在json文件上添加新属性. for (var i=0; i ..

发布时间：2020-07-20 22:22:55 javascript d3.js topojson 前端开发

半径按英里数缩放的D3 Topojson圆

(假设现有的projection/topojson) 我想做的是在以英里为单位的半径(r)的点([long，lat])上创建一个圆.我知道有一个d3.geo函数，但是经过一番考虑，我认为它与我的特定应用程序不太兼容. 所以现在我正在寻找使用本机svg circle解决方案，其中cx和cy是经度和纬度，而r是以英里为单位的半径.我知道cx和cy，但是我不知道如何确保r等于15英里.因此， ..

发布时间：2020-07-20 21:16:17 javascript d3.js topojson 前端开发

D3js SVG的空行显示填充伪像，如何解决?

我刚刚在我的D3js生成的SVG中添加了French rivers_lines.现在，它显示如下结果:我需要保持河边没有人工制品. 数据:由弧线组成的topojson. CSS代码: .rivers { fill: none; fill-opacity: .1; stroke-width:1px; stroke: #C6ECFF; } 具有相同颜色和不 ..

发布时间：2020-07-20 21:13:14 css d3.js svg shapefile topojson 前端开发

由于某种原因，我的D3地图正反面显示-如何翻转它?

有一个我要导入的topoJSON文件-看起来应该很容易翻转，但是我不知道.在创建对象或调整JSON之后是否应该对其进行转换?我尝试使用一些投影来翻转对象，但整个地方都会扭曲. .counties { fill: blue; } .states { fill: none; stroke ..

发布时间：2020-07-20 21:10:19 javascript html d3.js svg topojson 前端开发

为提高在线地图(尤其是在智能手机上)的性能，我遵循Mike Bostock的建议，在将地理数据上传到服务器之前尽可能地对其进行准备(根据他的但是，我还想动态使用.scale，.fitSize，.fitExtent和.translate之类的方法，这意味着我无法“烘烤"缩放比例或将值事先转换为TopoJSON文件./p> Bostock建议使用d3.geoTransform()作为d3.geoCo ..

发布时间：2020-07-20 20:46:57 d3.js data-visualization geojson geo topojson 其他开发

D3.js带有Albers投影的地图:如何旋转它?

我正在使用d3.js绘制菲律宾地图，出于一个奇怪的原因，该地图看起来像是向左旋转，因此该国家看上去并没有真正的样子. 我尝试修改了projection.rotate字段，但似乎不是校正线. var width = 1060, height = 860; var svg = d3.select("body").append("svg") .attr(" ..

发布时间：2020-07-20 20:43:07 javascript d3.js topojson map-projections 前端开发

是否可以使用JavasScript确定GeoJSON点是否在GeoJSON多边形内?

是否可以仅使用JavaScript(通过d3，topojson或其他方式)确定给定纬度上的GeoJSON点是否位于给定的GeoJSON多边形内? 例如，我可以在此处. 然后我有一些点具有坐标，但是没有指示它们位于哪个国家/地区. 我想显示每个国家的总积分. 我可以算出哪个国家/地区包含浏览器中的每个点，还是需要使用PostGIS或类似工具在服务器上预处理我的点数据? ..

发布时间：2020-07-03 20:09:48 javascript d3.js geojson topojson point-in-polygon 前端开发

使SVG路径像一条平滑的线，而不是参差不齐

在我的项目中，我从路径创建了河水线.而且由于我的大笔划宽度，它非常衣衫: 我已经搜索了.但是我发现的唯一是stroke-linejoin: round;.如您所见: 情况更好，但我仍然不满意. 有什么方法可以使线条流畅.还是也有一个“更圆"的线连接? 解决方案一个有趣的方向是利用d3.svg.line从geoJSON特征的坐标生成路径，此时您将能够使用D3的插值方法. ..

发布时间：2020-05-25 02:31:12 svg path smoothing topojson 其他开发

看不见的向量?结合d3.tile()，d3.zoom()和TopoJSON向量

我已经使用栅格(d3.tile和地图库)和矢量(SVG形状中的TopoJSON)制作了有效的D3地图.但是当我将它们结合在一起时，我遇到了一个错误. 我遵循了麦克·波斯托克(Mike Bostock)的栅格和矢量示例，尤其是他的“栅格和矢量III" ，它可以更改变换和笔触宽度以更新矢量的显示方式. 我的地图几乎完美运行.但是，在加载时，仅显示栅格图块.向量是不可见的: 但是一旦我 ..

发布时间：2020-05-21 18:33:54 javascript d3.js openstreetmap geo topojson 前端开发

如何使用d3，javascript和json文件将地图划分为邮政编码?

我正在尝试创建一个邮政编码区域的nyc地图，我可以根据人口普查数据对其进行着色(例如，如果区域多数为白色，则区域为红色；如果区域多数为非白色，则区域为蓝色).我只是使用从这里在线找到的形状文件之一( https://data.cityofnewyork.us/Business/Zip-Code-Boundaries/i8iw-xf4u/data ). 我将shp文件转换为geojson，然后 ..

发布时间：2020-05-05 15:57:49 javascript d3.js maps geojson topojson 前端开发

将Big GeoJSON转换成topoJSON

我有一个GeoJSON文件约为1.4 GB，并且由于文件大小(?)，命令行工具不起作用.我使用了topojson comman工具，例如: topojson {{ input file }} >> {{ output file }} Web工具也有同样的问题(浏览器只是挂起). 转换巨大的GeoJSON文件的最佳方法是什么? 解决方案工具使用 Topojson命令 ..

发布时间：2019-11-24 17:27:45 javascript json topojson 前端开发

双击欧洲数据可视化

我想创建一个可以放大的欧洲Choropleth地图. 我还希望看到，当用户双击一个国家时，该国家会被缩放并划分为多个区域(NUTS 2)，每个区域都会根据第二种颜色进行着色. 这里有一个例子: 假设欧洲由5个国家组成:Country1，...，Country5. 每个国家的颜色均按照第一个度量标准(假设居民数量)为准. 当用户双击Country4时，地图将放大，以使Country4在屏幕的中 ..

发布时间：2019-11-24 16:17:09 json d3.js data-visualization geojson topojson 其他开发

如何添加属性到topojson文件?

给出一个data.tsv文件，例如: id code name 1 AL Alabama 2 AK Alaska 4 AZ Arizona 5 AR Arkansas 6 CA California ... ... ... 给出一个topojson.json文件，例如:(结构正确，数字值是随机的) { "type":"Topology", " ..

发布时间：2019-11-23 17:10:37 json topojson 其他开发

如何删除包含它的topojson图层时的传单标签

我正在尝试创建一个可视化某些数据的交互式地图。我使用了传单地图和一个topojson图层。接下来，我尝试使用传单标签插件在每个topojson多边形上添加静态标签，即标签应始终存在，不应对鼠标悬停事件做出反应。我试过使用 noHide：true 实现 bindLabel（）方法，但它似乎不起作用。因此，我实施了提供给这个问题的解决方案传单上的简单标签（geojson）多边形。我成功 ..

发布时间：2019-06-06 12:12:31 javascript jquery leaflet topojson 前端开发

D3.js - 如何使用默认的wheelmouse缩放行为添加缩放按钮

所以我使用默认的d3.behavior.zoom（）和限制来获得带有鼠标缩放的世界地图，以防止将地图完全拖出页面。这是一个痛苦的工作，但它现在工作。我现在的问题是这个项目还需要在界面中使用无用的缩放+和 - 按钮，我可以'找到了两种缩放类型的例子。它只是鼠标缩放或只是按钮缩放。我试过简单地调用zoom.scale（newScale）;但它没有更新任何东西。我似乎是在正确的轨道，因为 ..

发布时间：2019-06-06 01:38:22 javascript d3.js geojson topojson world-map 前端开发

放大/缩小时，在地图上保持D3对象大小不变

我关注的是 http://bl.ocks.org/d3noob/raw / 5193723 / 示例中绘制的圆圈在放大时会增大。我无法弄清楚圆圈大小可以保持相同的方式。任何想法？ Edit1 ：关于如何保持Pie arc的任何想法半径恒定。我已经找到了将圆圈保持为恒定半径的方法，如下所示： g1.append（“circle”） .attr（“cx”，200） .a ..

发布时间：2019-05-27 14:42:05 javascript d3.js topojson 前端开发

D3.js画布上下文填写错误

我用D3制作地图，这是我的代码 d3.json（'https://unpkg.com/ world-atlas@1/world/110m.json'，（error，topology）=> { if（error）throw error; let width = map.offsetWidth， height = map.offsetHeight; let projection ..

发布时间：2019-04-28 10:29:11 javascript d3.js topojson 前端开发

topojson相关内容