我正在实现经典的墨卡托示例(https://github.com/mbostock/d3/blob/master/examples/mercator/mercator.html),我已将其更改为放大到阿富汗并仅使用一个自定义滑块。我正在读取发生爆炸的地方的GeoJSON数据,并且该图将它们全部映射为负载状态。我想使用滑块一次仅查看一个月的爆炸点,但是在过滤结果时遇到了麻烦。我已经根据Google小组中的帖子尝试了几件事,但是无法理解如何过滤以前从'explosions.json'中读取的数据。谢谢您的帮助!
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>IED Attacks in Afghanistan (2004-2009)</title>
<script type="text/javascript" src="../d3.v2.js"></script>
<script type="text/javascript" src="../lib/jquery/jquery.min.js"></script>
<script type="text/javascript" src="../lib/jquery-ui/jquery-ui.min.js"></script>
<style type="text/css">
@import url("../lib/jquery-ui/jquery-ui.css");
body, .ui-widget {
font: 14px Helvetica Neue;
}
svg {
width: 960px;
height: 600px;
border: solid 1px #ccc;
background: #eee;
}
line {
stroke: brown;
stroke-dasharray: 4,2;
}
path {
fill: #ccc;
stroke: #fff;
}
div {
width: 960px;
}
</style>
</head>
<body>
<h3>IED Attacks in Afghanistan (2004-2009)</h3>
<script type="text/javascript">
// Create the Mercator …Run Code Online (Sandbox Code Playgroud)