Mercurial > hgrepos > hgweb.cgi > skipweb
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>