2

我希望能够创建一个动态威胁图来显示网络攻击。我能够创建地图并直接显示所有坐标，但我如何动态地实现它？

<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.3/d3.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/topojson/1.6.9/topojson.min.js"></script>
<script src="datamaps.world.min.js"></script>
<script src="https://code.jquery.com/jquery-3.1.1.js" integrity="sha256-16cdPddA6VdVInumRGo6IbivbERE8p7CQR3HzTBuELA=" crossorigin="anonymous"></script>
<div id="container" style="position: relative; width: 100%; height:100%;"></div>
<script>

  var cyber = new Datamap({
    scope: 'world',
    element: document.getElementById('container'),
    projection: 'mercator',
    fills: {
        defaultFill: '#000000',
        HIGH: '#3288BD',
        LOW: '#D53E4F'
  },
 arcConfig: {
  strokeColor: '#DD1C77',
  strokeWidth: 1,
  arcSharpness: 2,
  animationSpeed: 2000
}
  });


  var latLong = [{'origin': {'latitude': -33.462500000000006, 'longitude': -70.6682}, 'destination': {'latitude': 30.0771, 'longitude': 31.285899999999998}}, {'origin': {'latitude': 41.12710000000001, 'longitude': -73.4416}, 'destination': {'latitude': 30.293599999999998, 'longitude': 120.16140000000001}}]

  cyber.arc( latLong, {strokeWidth: 1})


</script>
  1. 如何从包含 json 数据的文件中动态获取
  2. 使用哪个服务在地图上动态绘制弧线
  3. 我应该使用 socket.io 进行实时编程以便同时将数据输入数据库吗？

我正在尝试实现这样的目标：https ://threatmap.checkpoint.com/ThreatPortal/livemap.html

任何帮助表示赞赏。谢谢！

4

0 回答 0