|
|
@@ -6,6 +6,9 @@
|
|
|
width: 100%;
|
|
|
height: 18vh;
|
|
|
text-align: center;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-around;
|
|
|
}
|
|
|
.map{
|
|
|
width: 100%;
|
|
|
@@ -15,7 +18,19 @@
|
|
|
<script>
|
|
|
window.onload = function() {
|
|
|
var ifm = document.getElementById("iframe");
|
|
|
+
|
|
|
let data = getQueryString("data");
|
|
|
+ let dataShow =JSON.parse(decodeURIComponent(data))
|
|
|
+ var typeshow = document.getElementById("type");
|
|
|
+ typeshow.innerText='恶意'+dataShow.type
|
|
|
+ var nameshow = document.getElementById("name");
|
|
|
+ nameshow.innerText='名称:'+dataShow.name
|
|
|
+ var macshow = document.getElementById("mac");
|
|
|
+ macshow.innerText='MAC地址:'+dataShow.mac
|
|
|
+ var keywordshow = document.getElementById("keyword");
|
|
|
+ keywordshow.innerText='恶意类型:'+dataShow.keyword
|
|
|
+ var timeshow = document.getElementById("time");
|
|
|
+ timeshow.innerText='采集时间:'+dataShow.time
|
|
|
data=JSON.parse(decodeURIComponent(data))
|
|
|
var url="http://api.map.baidu.com/marker?location=" + data.lat + "," + data.lng + "&title=恶意" + data.type + "&content=MAC地址(" + data.mac + ")&output=html"
|
|
|
console.log(url,'sds');
|
|
|
@@ -37,11 +52,11 @@
|
|
|
</head>
|
|
|
<body>
|
|
|
<div class="nav">
|
|
|
- <div>恶意</div>
|
|
|
- <div>名称</div>
|
|
|
- <div>MAC地址</div>
|
|
|
- <div>恶意类型</div>
|
|
|
- <div>采集时间</div>
|
|
|
+ <div id="type"></div>
|
|
|
+ <div id="name"></div>
|
|
|
+ <div id="mac">MAC地址</div>
|
|
|
+ <div id="keyword">恶意类型</div>
|
|
|
+ <div id="time">采集时间</div>
|
|
|
</div>
|
|
|
<!-- <div id="app" style="height:100px;">app-html</div> -->
|
|
|
<iframe id="iframe" name="iframe" class="map"
|
“yueshang”