JSFiddle - React, Tailwind, and code Playground

by asemahle

HTML

<p>My Header Menu</p>

JavaScript

var vURL      = "http://maps.gsi.go.jp";
var vURL_Site = "/?postmessage=1#5/35.362222/138.731389/&base=std&ls=std&disp=1&vs=c1j0l0u0f0";
var oMap      = null;        
function Init(){
  oMap = document.createElement("iframe");
  oMap.style.display = "none";
  oMap.src = vURL + vURL_Site;
  oMap.onload = function(){
    EvtResize();
  };

  document.body.appendChild(oMap);
};

function EvtResize(){
  var w = window.innerWidth;
  var h = window.innerHeight;
  if(oMap != null){
    oMap.style.width   = w + "px";
    oMap.style.height  = h + "px";
    if(oMap.style.display == "none"){
      oMap.style.display = "block";
    }
  }
};

document.body.style.margin   = "0px";
document.body.style.padding  = "0px";
document.body.style.overflow = "hidden"; // REMOVE THIS LINE IF YOU WANT TO SCROLL

Init();

window.onresize = EvtResize;