IFrame API

<script>
    let xhr = new XMLHttpRequest();
    xhr.open('post','http://192.168.0.117:8180/localsense/login',false);//取现场实际正在使用的IP与端口号
    xhr.setRequestHeader('content-type','application/json');    
    //username取现场实际的用户名与密码，密码串经过md5加密生成（见附录）
    xhr.send('{"username":"admin","password":"525eca1df03da0fee843361eb5216910"}');	
    let json = xhr.responseText;
    let data = JSON.parse(json);
    
    window.addEventListener('message',function(e){
      if(e.data.ready){		//接收到子页面发出的ready信号
        if(data.data){
          //初始化配置调用
          document.getElementById('test').contentWindow.postMessage({
          token:data.data,
          username:'admin'，//username取实际的用户名
          initConfig:{//单页面对应初始配置，若无，可不传；具体见附表
           mapBgColor: ’#000000’
          }
          },"*");	

          //动态配置调用
          document.getElementById('test').contentWindow.postMessage({
          type:’overview-highlight’, value:1
          },"*")
        }
      }

    })
  </script>

<!--用户页面实际嵌入位置，iframe的ip，端口取现场实际的-->
 <iframe id="test" src="http://192.168.0.117:8180/localsense/#/SingleModule/index/tagInfo" style="width:500px;height:400px"></iframe>

//配置示例
initConfig:{
   tagId:'1',
   mapId:'1',
   showCameraIcon: 0,
   showTrack: 1,
   zoomInOut:32,
   showTag:'1;2'，
   hideAllTag:0,
   showBaseIcon: 0,
   hideMapElements:0,
 }

//配置示例
initConfig:{
  from: 1657779630339,
  to: 1657786830339，
  tagIdMsg:['7,7,1653460859322,0','1,1,1653271713315,0','2,2,1653271713315,0']
 }

//配置示例
initConfig:{
  from: 1657779630339,
  to: 1657786830339，
  tagIdMsg:['7,7,1653460859322,0','1,1,1653271713315,0','2,2,1653271713315,0'],
  alarmType:'2', // sos告警
  status:'0' // 未处理
 }

//配置示例

// 高亮标签
{type:’overview-highlight’, value:1}

// 切换地图
{type:’overview-changemap, value:1}