BIGEMPA Js API示例中心

物流数据展示源代码展示

代码编辑区 运行 下载 还原
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf8">
<script src="http://www.bigemap.com/Public/js/d3.min.js"></script>
<title></title>
</head>
<style>
</style>
<body>
<div class="fxmap">
</div>
</body>
<script type="text/javascript">
var width = 1000, height = 800; // SVG
var color = d3.scaleOrdinal(d3.schemeCategory10)
//
var svg = d3.select("body div.fxmap")
.append("svg")
.attr("width", width)
.attr("height", height)
.style("background", "#000")
.style('opacity', '.7');
gmap = svg.append("g").attr("id", "map").attr("stroke", "white").attr("stroke-width", 1);
mline = svg.append("g").attr("id", "moveto").attr("stroke", "#FFF").attr("stroke-width", 1.5).attr("fill", "#FFF");
button = svg.append("g").attr("id", "button").attr("stroke", "white").attr("stroke-width", 1).attr("fill", "white");
var projection = d3.geoEquirectangular()
.center([465, 395]) // []
.scale(height)
.translate([width / 2, height / 2]);
//
var path = d3.geoPath().projection(projection);
//
marker = svg.append("defs")
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX