<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<!-- <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" /> -->
<link rel="stylesheet" href="https://www.yatex.org/libcache/leaflet-0.7.6/leaflet.css" />
<!-- <script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script> -->
<script src="https://www.yatex.org/libcache/leaflet-0.7.6/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;}
-->
</style>
<title>Photo Map</title>
<script type="text/javascript" src="umappop.js"></script>
</head>
<body onload="umappop([{'color': 'red', 'file': 'osc2018hiroshima.geojson'}]);">
<p> <span id="latlng"></span></p>
<div id="map"></div>
</body>
</html>
HIROSE Yuuji