Question

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

<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>

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

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

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

Datamaps JS定期从json文件动态获取数据

0 个答案: