d3.js——绘制动态中国地图

最新推荐文章于 2024-06-18 17:31:22 发布

AryaoO

最新推荐文章于 2024-06-18 17:31:22 发布

阅读量7.7k

点赞数

分类专栏：前端开发——D3 前端开发基础文章标签：绘制地图动态地图 d3.geo.mercator d3.geo.path d3.geom.voronoi.tria

本文链接：https://blog.csdn.net/Selina_Chan/article/details/51281478

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>可拖动的地图</title>
</head>
<style>
    .link {
        stroke: #ccc;
        stroke-width: 1;
    }
</style>
<body>
<script src = "d3.js"></script>
<script src = "js/movemap.js"></script>
</body>
</html>

一、常规设置：

var width = 1000,
    height = 1000;

var svg = d3.select("body").append("svg")
    .attr("width",width)
    .attr("height",height)
    .append("g")
    .attr("transform","translate(0,0)")

var color = d3.scale.category20()

二、定义投影函数：

var projection = d3.geo.mercator()
    .center(

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

AryaoO

关注关注

0
点赞
踩
13

收藏

觉得还不错? 一键收藏
1
评论
d3.js——绘制动态中国地图

可拖动的地图 .link { stroke: #ccc; stroke-width: 1; }一、常规设置：var width = 1000, height = 1000;var svg = d3.select("body").append("svg") .attr("width",width)
复制链接

扫一扫