Final cosmetic changes
This commit is contained in:
parent
d001338a49
commit
98abf86cbe
|
@ -1,6 +1,6 @@
|
||||||
# geocsv-lite
|
# geocsv-lite
|
||||||
|
|
||||||
A wee tool to show comma-separated value data on a map.
|
An ultra-lightweight tool to show comma-separated value data on a map.
|
||||||
|
|
||||||
## Overview
|
## Overview
|
||||||
|
|
||||||
|
|
|
@ -32,7 +32,7 @@ footer a {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
h1 {
|
h1, h2, h3, h4, h5, h6 {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding-left: 10%;
|
padding-left: 10%;
|
||||||
|
|
|
@ -7,23 +7,26 @@
|
||||||
<link href="css/style.css" rel="stylesheet" type="text/css">
|
<link href="css/style.css" rel="stylesheet" type="text/css">
|
||||||
<link rel="icon" href="favicon.ico">
|
<link rel="icon" href="favicon.ico">
|
||||||
<!-- if you prefer loading libraries from standard hosts, un comment this and
|
<!-- if you prefer loading libraries from standard hosts, un comment this and
|
||||||
comment out the local source -->
|
comment out the local source -->
|
||||||
<!-- link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css"
|
<!-- link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css"
|
||||||
integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
|
integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
|
||||||
crossorigin=""/ -->
|
crossorigin=""/ -->
|
||||||
<link rel="stylesheet" href="vendor/node_modules/leaflet/dist/leaflet.css" type="text/css">
|
<link rel="stylesheet" href="vendor/node_modules/leaflet/dist/leaflet.css" type="text/css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>GeoCSV Lite</h1>
|
<h1>GeoCSV Lite</h1>
|
||||||
|
<h4>
|
||||||
|
An ultra-lightweight tool to show comma-separated value data on a map
|
||||||
|
</h4>
|
||||||
<div id="app">
|
<div id="app">
|
||||||
<p id="message"></p>
|
<p id="message"></p>
|
||||||
<p id="error"></p>
|
<p id="error"></p>
|
||||||
<div id="map" style="height: 600px; width: 80%; border: thin solid gray;"></div>
|
<div id="map" style="height: 600px; width: 80%; border: thin solid gray;"></div>
|
||||||
</div>
|
|
||||||
<div id="doc">
|
<div id="doc">
|
||||||
<p>
|
<p>
|
||||||
Use this page as a crib for how to use <b>GeoCSV Lite</b> in your projects. In order
|
Use this page as a crib for how to use <b>GeoCSV Lite</b> in your projects. In order
|
||||||
for it to work, you need:
|
for it to work, you need:
|
||||||
|
</p>
|
||||||
<ol>
|
<ol>
|
||||||
<li>Javascript dependencies:
|
<li>Javascript dependencies:
|
||||||
<ol>
|
<ol>
|
||||||
|
@ -44,31 +47,31 @@
|
||||||
For each <code>div</code> which you wish to contain a map view,
|
For each <code>div</code> which you wish to contain a map view,
|
||||||
an invocation of the function
|
an invocation of the function
|
||||||
<code>geocsv_lite.core.initialise_map_element(id, data-source)</code>: <br/>
|
<code>geocsv_lite.core.initialise_map_element(id, data-source)</code>: <br/>
|
||||||
<samp><script>geocsv_lite.core.initialise_map_element("map", "/data/data.csv");</script></samp>
|
<samp><script>geocsv_lite.core.initialise_map_element("map", "data/data.csv");</script></samp>
|
||||||
</li>
|
</li>
|
||||||
</ol>
|
</ol>
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
<footer>
|
</div>
|
||||||
<div id="credits">
|
<footer>
|
||||||
<div>
|
<div id="credits">
|
||||||
<img height="16" width="16" alt="Clojure" src="img/credits/clojure-icon.gif"/> Powered by <a href="http://clojure.org">Clojure</a> ||
|
<div>
|
||||||
<img height="16" width="16" alt="GitHub" src="img/credits/github-logo-transparent.png"/>Find me/fork me on <a href="https://github.com/simon-brooke/geocsv-lite">Github</a> ||
|
<img height="16" width="16" alt="Clojure" src="img/credits/clojure-icon.gif"/> Powered by <a href="http://clojure.org">Clojure</a> ||
|
||||||
<img height="16" width="16" alt="Free Software Foundation" src="img/credits/gnu.small.png"/>Licensed under the <a href="http://www.gnu.org/licenses/gpl-2.0.html">GNU General Public License version 2.0</a>
|
<img height="16" width="16" alt="GitHub" src="img/credits/github-logo-transparent.png"/>Find me/fork me on <a href="https://github.com/simon-brooke/geocsv-lite">Github</a> ||
|
||||||
</div>
|
<img height="16" width="16" alt="Free Software Foundation" src="{{servlet-context}}/img/credits/gnu.small.png"/>Licensed under the <a href="http://www.gnu.org/licenses/gpl-2.0.html">GNU General Public License version 2.0</a>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</div>
|
||||||
<!-- if you prefer loading libraries from standard hosts, un comment this and
|
</footer>
|
||||||
comment out the local source -->
|
<!-- if you prefer loading libraries from standard hosts, un comment this and
|
||||||
<!-- script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"
|
comment out the local source -->
|
||||||
integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew=="
|
<!-- script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"
|
||||||
crossorigin=""></script -->
|
integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew=="
|
||||||
<!-- script src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.1.0/papaparse.min.js"></script -->
|
crossorigin=""></script -->
|
||||||
<script src="vendor/node_modules/leaflet/dist/leaflet.js"></script>
|
<!-- script src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.1.0/papaparse.min.js"></script -->
|
||||||
<script src="vendor/node_modules/papaparse/papaparse.min.js"></script>
|
<script src="vendor/node_modules/leaflet/dist/leaflet.js"></script>
|
||||||
<script src="js/compiled/geocsv_lite.js" type="text/javascript"></script>
|
<script src="vendor/node_modules/papaparse/papaparse.min.js"></script>
|
||||||
<script>
|
<script src="js/compiled/geocsv_lite.js" type="text/javascript"></script>
|
||||||
geocsv_lite.core.initialise_map_element("map", "/data/data.csv");
|
<script>
|
||||||
</script>
|
geocsv_lite.core.initialise_map_element("map", "/data/data.csv");
|
||||||
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
Loading…
Reference in a new issue