changeset 3790:d10252137f6f

add map
author momona <mxu.4mbs2@gmail.com>
date Fri, 21 Dec 2018 15:06:08 +0900
parents 4eb400bb7f57
children b17d3f2406b2
files shuzai/trad/trad.html
diffstat 1 files changed, 51 insertions(+), 0 deletions(-) [+]
line wrap: on
line diff
--- a/shuzai/trad/trad.html	Fri Dec 21 14:54:53 2018 +0900
+++ b/shuzai/trad/trad.html	Fri Dec 21 15:06:08 2018 +0900
@@ -7,6 +7,25 @@
 -->
 </style>
 <link rel="stylesheet" type="text/css" href="../../css/main.css">
+<link rel="stylesheet" href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/Loremap/raw/master/src/colorbox/example3/colorbox.css" />
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+<script src="https://www.yatex.org/gitbucket/KoekiBrandingPJ/Loremap/raw/master/src/colorbox/jquery.colorbox-min.js"></script>
+<link rel="stylesheet" href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/Loremap/raw/master/src/leaflet/leaflet.css" />
+<script src="https://www.yatex.org/gitbucket/KoekiBrandingPJ/Loremap/raw/master/src/leaflet/leaflet.js"></script>
+<script src="https://www.yatex.org/gitbucket/KoekiBrandingPJ/Loremap/raw/master/src/leaflet/leaflet-sidebar.min.js"></script>
+<link rel="stylesheet" href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/Loremap/raw/master/src/leaflet/leaflet-sidebar.min.css" />
+<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
+<script src="https://www.yatex.org/gitbucket/KoekiBrandingPJ/Loremap/raw/master/src/leaflet/leaflet-omnivore.min.js"></script>
+<!-- <script src="../src/leaflet/leaflet-omnivore.js"></script> -->
+
+<style type="text/css">
+<!--
+div#mymap {width: 50vw; height: 50vh; margin: 0 auto;}
+//.lorem {font-style: italic; color: #AAA;}
+.sidebar{top:50;background-color:red;}
+//.sidebar-content{opacity:0.8}
+-->
+</style>
 </head>
 
 <body>
@@ -29,6 +48,38 @@
 </section>
 </div>
 
+
+<div id="mymap" class="sidebar-map" >
+<div id="sidebar" class="sidebar collapsed">
+  <!-- Nav tabs -->
+        <div class="sidebar-tabs">
+            <ul role="tablist">
+              <li><a href="#home" role="tab"><i id="FaW" class="fa fa-map-marker"></i></a></li>
+
+            </ul>
+        </div>
+
+        <!-- Tab panes -->
+        <div class="sidebar-content">
+          <div class="sidebar-pane" id="home">
+            <h1 class="sidebar-header">
+              <span class="sidebar-close"><i class="fa fa-caret-left"></i></span>marker's infomation
+            </h1>
+
+	    <div id="mak_info">
+	    </div>
+
+          </div>
+
+
+        </div>
+	<!--<div class="zoom-left"></div>-->
+</div>
+</div>
+
+<script type="text/javascript" src="./new_late_geojson.js" charset="utf-8"></script>
+
+
 <h2 id="toshi">各種マニュアル</h2>
 <section class="explanation">
 <ul>

yatex.org