求助，D3.js怎么做js获取视频缩略图图，也就是小地图

来源：蜘蛛抓取(WebSpider) 时间：2017-10-22 06:29 标签： js生成网页缩略图
&meta charset=&utf-8&&
&title&中国地图&/title&
&script src=&http://d3js.org/d3.v3.min.js&&&/script&
var height = 1000;
var svg = d3.select(&body&).append(&svg&)
.attr(&width&, width)
.attr(&height&, height)
.append(&g&)
.attr(&transform&, &translate(0,0)&);
//由于 GeoJSON 文件中的地图数据，都是经度和纬度的信息。它们都是三维的，而要在网页上显示的是二维的，所以要设定一个投影函数来转换经度纬度
var projection = d3.geo.mercator()
.center([107, 31])
.scale(850)
.translate([width/2, height/2]);
//为了根据地图的地理数据生成 SVG 中 path 元素的路径值，需要用到 d3.geo.path()，我称它为地理路径生成器
var path = d3.geo.path()
.projection(projection);
var color = d3.scale.category20();
//向服务器请求文件并绘制地图
d3.json(&china.geojson&, function(error, root) {
if (error)
return console.error(error);
console.log(root.features);
svg.selectAll(&path&)
.data( root.features )
.append(&path&)
.attr(&stroke&,&#000&)
.attr(&stroke-width&,1)
.attr(&fill&, function(d,i){
return color(i);
.attr(&d&, path )//相当于
attr(&d&,funtion(d){return path(d);})
.on(&mouseover&,function(d,i){
d3.select(this)
.attr(&fill&,&yellow&);
.on(&mouseout&,function(d,i){
d3.select(this)
.attr(&fill&,color(i));
本文已收录于以下专栏：
相关文章推荐
代码如下：
.province{
stroke-width:1p...
background:
#southsea{
可拖动的地图
stroke-width: 1;
一、常规设置：
学习d3.js（以下都简称d3）也有一段时间了，运行d3做了几个项目。我发现中文的d3教程很少，国外资料多但要求有一定的英文阅读能力（推荐网址：http://bl.ocks.org/mbostock）...
background:
#southsea{
d3.js是一个比较强的数据可视化js工具。利用它画了一幅中国地图，包含省会城市名称，如下图所示：
如何使用 D3 绘制中国地图/省地图/市地图标签： D3，json, 中国地图D3 是一个很强大的 JS 图形库，一般是在页面上新建一个空白的 ，然后在这个空白的
上新建一个 svg ，再通过 D3...
主要用到 Raphaël 2.2.0 - JavaScript Vector Library
他的最新文章
讲师：汪剑
讲师：刘道宽
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)本帖子已过去太久远了，不再提供回复功能。

我要回帖

更多关于 js生成网页缩略图 的文章

 

随机推荐