小编Rat*_*nki的帖子

使用d3.js和geojson显示地图

我正在玩D3的地理模块.我对D3有一些经验,但这是我第一次尝试使用地理模块.我从以下代码(来自https://github.com/alignedleft/d3-book/blob/master/chapter_12/04_fill.html)开始显示美国地图(https://github.com/alignedleft/d3- book/edit/master/chapter_12/us-states.json)编辑 (文件现在可以在https://github.com/alignedleft/d3-book/releases/tag/v1.0下载的zip中找到)在albers中投影和修改以采取印度的Geojson(indiastates1.json下面).该代码适用于US文件,但不显示任何与印度json文件.我在这里错过了一些东西.任何帮助表示赞赏.我确实将投影改为mercator.

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>D3: Setting path fills</title>
        <script type="text/javascript" src="../d3/d3.v3.js"></script>
        <style type="text/css">
            /* No style rules here yet */       
        </style>
    </head>
    <body>
        <script type="text/javascript">

            //Width and height
            var w = 500;
            var h = 300;

            //Define map projection
            var projection = d3.geo.mercator()
                                   .translate([w/2, h/2])
                                   .scale([500]);

            //Define path generator
            var path = d3.geo.path()
                             .projection(projection);

            //Create SVG element
            var svg = d3.select("body")
                        .append("svg")
                        .attr("width", w)
                        .attr("height", h); …
Run Code Online (Sandbox Code Playgroud)

d3.js

12
推荐指数
1
解决办法
3万
查看次数

标签 统计

d3.js ×1