1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- <html lang="en">
- <head>
- <meta charset="UTF-8" />
- <style>
- .nav{
- width: 100%;
- height: 18vh;
- text-align: center;
- display: flex;
- align-items: center;
- justify-content: space-around;
- }
- .map{
- width: 100%;
- height: 77vh;
- }
- </style>
- <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');
- ifm.height = "900";
- ifm.src=url;
- }
- function getQueryString(name) {
- var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
- var r = window.location.search.substr(1).match(reg); // window.lcation.search 也可以替换成任何想获得参数的 url
- if (r != null) {
- return r[2];
- }
- return null;
- }
- </script>
- <title></title>
- <!--preload-links-->
- <!--app-context-->
- </head>
- <body>
- <div class="nav">
- <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"
- src=""></iframe>
- </body>
- </html>
- <script language="javascript">
- </script>
|