showMap.html 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <html lang="en">
  2. <head>
  3. <meta charset="UTF-8" />
  4. <style>
  5. .nav{
  6. width: 100%;
  7. height: 18vh;
  8. text-align: center;
  9. }
  10. .map{
  11. width: 100%;
  12. height: 77vh;
  13. }
  14. </style>
  15. <script>
  16. window.onload = function() {
  17. var ifm = document.getElementById("iframe");
  18. let data = getQueryString("data");
  19. data=JSON.parse(decodeURIComponent(data))
  20. var url="http://api.map.baidu.com/marker?location=" + data.lat + "," + data.lng + "&title=恶意" + data.type + "&content=MAC地址(" + data.mac + ")&output=html"
  21. console.log(url,'sds');
  22. ifm.height = "900";
  23. ifm.src=url;
  24. }
  25. function getQueryString(name) {
  26. var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
  27. var r = window.location.search.substr(1).match(reg); // window.lcation.search 也可以替换成任何想获得参数的 url
  28. if (r != null) {
  29. return r[2];
  30. }
  31. return null;
  32. }
  33. </script>
  34. <title></title>
  35. <!--preload-links-->
  36. <!--app-context-->
  37. </head>
  38. <body>
  39. <div class="nav">
  40. <div>恶意</div>
  41. <div>名称</div>
  42. <div>MAC地址</div>
  43. <div>恶意类型</div>
  44. <div>采集时间</div>
  45. </div>
  46. <!-- <div id="app" style="height:100px;">app-html</div> -->
  47. <iframe id="iframe" name="iframe" class="map"
  48. src=""></iframe>
  49. </body>
  50. </html>
  51. <script language="javascript">
  52. </script>