<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://www.yatex.org/libcache/leaflet-1.3.2/leaflet.css" />
<script src="https://www.yatex.org/libcache/leaflet-1.3.2/leaflet.js"></script>
<script src="https://www.yatex.org/libcache/leaflet-plugins-2.0.0/layer/tile/Bing.js"></script>
<style type="text/css">
<!--
img.popup {width: 240px;}
div#map {height: 700px;}
.leaflet-popup-content {max-height: 300px; overflow: auto;}
.leaflet-popup-content p {white-space: pre-wrap;}
span#latlng {color: blue; font-size: 150%;}
-->
</style>
<title>KoryoGO Spots Map</title>
<script type="text/javascript" src="umappop.js"></script>
</head>
<body onload="umappop([{'color': 'red', 'file': 'koryo-spots.geojson'}]);">
<h1>設定してよいエリア(赤)</h1>
<p>右クリックでポイントを出し、ドラッグして設定したい場所に移動する。<br>
設定位置: <span id="latlng"></span></p>
<div id="map"></div>
</body>
</html>
HIROSE Yuuji