个人中心
gpt4 book ai didi

javascript - 尽管 D3 map 位于我的网络服务器上，但它并未显示

转载 作者：行者123 更新时间：2023-12-03 07:15:13 26 4
gpt4 key购买 nike

我一直在研究 d3 JavaScript 库，我试图制作一个可以在我的 html 上的 svg 标签上渲染的 map 。这是我到目前为止所拥有的:

<!DOCTYPE html>
<html>
    <head>
        <title>D3 Map</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="js/vendor/jquery.min.js"></script>
        <script src="js/d3.min.js"></script>
        <script src="http://d3js.org/topojson.v1.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/topojson/1.6.20/topojson.min.js"></script>
    </head>
    <body>
        <svg width="1000" height="1300">

        </svg>
        <script>
var width = 960,
    height = 500;

var projection = d3.geo.mercator()
    .center([0, 5 ])
    .scale(900)
    .rotate([-180,0]);

var svg = d3.select("body").append("svg")
    .attr("width", width)
    .attr("height", height);

var path = d3.geo.path()
    .projection(projection);

var g = svg.append("g");

// load and display the World
d3.json("kenya.geojson", function(error, data) {
    g.selectAll("path")
      .data(topojson.object(topology, topology.objects.countries)
          .geometries)
    .enter()
      .append("path")
      .attr("d", path)
});

</script>
    </body>
</html>

我只得到一个空白页面，我的网络检查器告诉我一个 Uncaught ReferenceError :拓扑未定义现在我需要一些澄清:我是否使用了正确的数据文件(json 数据文件)来为我提供特定国家/地区的图纸？或者到目前为止我的代码中缺少什么？另外，关于异常，考虑到我正在 Python HTTP 服务器上工作，捕获到的异常可能是什么？欢迎任何反馈

最佳答案

正如错误所述，变量topology未在您的代码中定义。在 d3.json 调用中，data 应该是 topology。因此，进行更改并重试(如下所示):

`d3.json("geojson", function(error, topology) {
   g.selectAll("path")
    .data(topojson.object(topology, topology.objects.countries)
      .geometries)
    ...
  });

关于javascript - 尽管 D3 map 位于我的网络服务器上，但它并未显示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36454488/

26 4 0
文章推荐： javascript - 如何让 JavaScript 回调工作
文章推荐： eclipse - 如何强制 Eclipse 工具栏位于一行
文章推荐： Nginx 位置匹配
文章推荐： javascript - 文本区域中的换行标记
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com