<!DOCTYPE html>
<html lang="ja">
<head>
<title>test of DUAL map</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="../../main.css">
<style type="text/css">
<!--
h1 {font-size: 150%;}
div#map1, div#map3 {margin-right: 1em; float: left; clear: both;}
div#map1, div#map2, div#map3, div#map4 {
width: 47vw; height: 80vh; border: 1px solid black;
}
p.new {clear: both;}
.leaflet-popup-content {width: 350px; max-width: 650px}
.leaflet-popup-content img.popup {max-width: 30vw;}
-->
</style>
<link rel="stylesheet" type="text/css" href="../lib/leaflet.css">
<script type="text/javascript" src="../lib/leaflet.js"></script>
<script type="text/javascript" src="../lib/leaflet-bing-layer.min.js"></script>
<script type="text/javascript" src="../lib/leaflet-omnivore.min.js"></script>
<script type="text/javascript" src="multi.js" charset="utf-8">
</script>
<style type="text/css">
<!--
.leaflet-popup-content-wrapper {xdisplay: none; background: pink;}
-->
</style>
</head>
<body>
<h1>Comparison Map</h1>
<div></div><!-- To clear relative positioning of h1 defined in main.css -->
<div id="map1">map1 here</div>
<div id="map2">map2 here</div>
<hr>
©2019 by yuuji(at)koeki-u.ac.jp
</body>
</html>
