d3js mysql_使用D3.js绘制地图并打点

本篇简单介绍一下使用D3.js绘制地图，并更具经纬度在地图打点。最后根据点生成voronoi图及其三角网。

下载地图geoJson文件

去网上下载要绘制地图的geoJson文件。

使用d3.json()加载地图文件，这里为了方便加载我把geoJson文件放在了js文件里。

绘制地图

window.onload = function() {

var width = 1900,

height = 800;

var svg = d3.select("#test-svg")

.append('svg')

.attr('width', width + 'px')

.attr('height', height + 'px');

/*

* 创建一个地理投影

* .center 设置投影中心位置

* .scale 设置缩放系数

*

*/

var projection = d3.geoMercator()

.center([463, 36])

.scale(850)

.translate([width / 2, height / 2]);

// 创建路径生成器path

var path = d3.ge