|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<script src="./p5/libraries/p5.js" type="text/javascript"></script>
|
|
|
|
|
|
<script src="./p5/libraries/p5.dom.js" type="text/javascript"></script>
|
|
|
|
|
|
<script src="./serv.js" type="text/javascript"></script>
|
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale= 1, maximum-scale=1.0, user-scalable=no">
|
|
|
|
|
|
<title>map/map/map/map/map</title>
|
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="style.css">
|
|
|
|
|
|
<link rel="stylesheet" href="./leaflet/leaflet.css" />
|
|
|
|
|
|
<script src="./leaflet/leaflet.js"></script>
|
|
|
|
|
|
<script src="/js/leaflet-0.7.2/leaflet.ajax.min.js" type="text/javascript"></script>
|
|
|
|
|
|
<script src="./leaflet-hash/leaflet-hash.js" type="text/javascript"></script>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<div id="map" style="position: relative; outline: currentcolor none medium; background-color: rgb(255,255,255,0);" class="leaflet-container leaflet-touch leaflet-retina leaflet-fade-anim leaflet-grab leaflet-touch-drag leaflet-touch-zoom" tabindex="0">
|
|
|
|
|
|
<div class="leaflet-pane leaflet-map-pane" style="transform: translate3d(-1824px, -1089px, 0px);">
|
|
|
|
|
|
<div class="leaflet-pane leaflet-tile-pane">
|
|
|
|
|
|
<div class="leaflet-layer " style="z-index: 1; opacity: 1;">
|
|
|
|
|
|
<div class="leaflet-tile-container leaflet-zoom-animated" style="z-index: 17; transform: translate3d(795px, 476px, 0px) scale(0.5);"></div>
|
|
|
|
|
|
<div class="leaflet-tile-container leaflet-zoom-animated" style="z-index: 18; transform: translate3d(530px, 317px, 0px) scale(1);"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="leaflet-pane leaflet-shadow-pane"></div>
|
|
|
|
|
|
<div class="leaflet-pane leaflet-overlay-pane"></div>
|
|
|
|
|
|
<div class="leaflet-pane leaflet-marker-pane"></div>
|
|
|
|
|
|
<div class="leaflet-pane leaflet-tooltip-pane"></div>
|
|
|
|
|
|
<div class="leaflet-pane leaflet-popup-pane"></div>
|
|
|
|
|
|
<div class="leaflet-proxy leaflet-zoom-animated" style="transform: translate3d(66661px, 44290px, 0px) scale(256);"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="leaflet-control-container">
|
|
|
|
|
|
<div class="leaflet-top leaflet-left">
|
|
|
|
|
|
<div class="leaflet-control-zoom leaflet-bar leaflet-control">
|
|
|
|
|
|
<a class="leaflet-control-zoom-in" href="#" title="Zoom in" role="button" aria-label="Zoom in">+</a>
|
|
|
|
|
|
<a class="leaflet-control-zoom-out" href="#" title="Zoom out" role="button" aria-label="Zoom out">−</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="leaflet-top leaflet-right"></div>
|
|
|
|
|
|
<div class="leaflet-bottom leaflet-left"></div>
|
|
|
|
|
|
<div class="leaflet-bottom leaflet-right" >
|
|
|
|
|
|
<div class="myattr"> Special Issue 8 </div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<script type="text/javascript" src="https://issue.xpub.nl/08/cnn/cnn.js"></script>
|
|
|
|
|
|
<script src="leaf_structure.js"></script>
|
|
|
|
|
|
<script src="leaf_elements.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
|
|
|
|
|
|
