<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>base</title> <style type="text/css"> <!-- body {background: azure;} --> </style> <link rel="stylesheet" type="text/css" href="../l/leaflet.css"> <script src="../l/leaflet.js"></script> <script src="../l/leaflet.ajax.min.js"></script> <style type="text/css"> <!-- xxdiv#mymap {width: 90vw; height: 80vh; margin: 0 auto;} div#mymap {width: 80vw; height: 80vh; margin: 0 auto;} .leaflet-popup-content img {max-width: 80%;} /* 80% of popUp window */ --> </style> </head> <body> <div id="mymap"> </div> <script type="text/javascript" src="base.js" charset="utf-8"></script> <label>Office: 0<input id="opa" name="opa" type="range" min="0" max="100" value="100" id="opa"> </label>100 <span id="ofval"></span> <hr> <!--#include virtual="/~yuuji/signature.html"--> </body> </html>