Working static demo added.

This commit is contained in:
Simon Brooke 2020-02-24 16:12:38 +00:00
parent f675cf6519
commit 8bd1e65c0b
No known key found for this signature in database
GPG key ID: A7A4F18D1D4DF987
393 changed files with 166510 additions and 3 deletions

View file

@ -134,6 +134,35 @@ crossorigin=""/ -->
The value passed as <var>data-source</var> may be CSV text, or it
may be a URL from which CSV text can be sourced.
</p>
<h2>
Custom map pins
</h2>
<p>
<img src="img/map-pins/Anchor-customer-pin.png"/>
<img src="img/map-pins/Broadband-supplier-pin.png"/>
<img src="img/map-pins/Champion-pin.png"/>
<img src="img/map-pins/Developer-pin.png"/>
<img src="img/map-pins/Further-education-pin.png"/>
<img src="img/map-pins/Higher-education-pin.png"/>
<img src="img/map-pins/Investor-pin.png"/>
<img src="img/map-pins/Landowner-pin.png"/>
<img src="img/map-pins/Operator-pin.png"/>
<img src="img/map-pins/Unknown-pin.png"/>
</p>
<p>
If your CSV document has a column called <samp>category</samp> (case insensitive),
then, as with the full-fat GeoCSV, if there is an image file in the
<samp>img/map-pins</samp> subdirectory whose name is the value of that
column with <samp>-pin.png</samp> appended, then that image will be
used as the image for the map pin. The image should be 40 pixels high
and 30 wide. It will be anchored centre bottom. You are advised to use
<samp>Unknown-pin.png</samp> as the basis for your design.
</p>
<p>
<strong>WARNING:</strong> if you have a column called <samp>category</samp>,
and you don't have an appropriate pin image for each value present,
then you will get 'broken' pin images appearing on your map.
</p>
</div>
</div>
<footer>
@ -147,7 +176,7 @@ crossorigin=""/ -->
<a href="https://github.com/simon-brooke/geocsv-lite">Github</a> ||
<img height="16" width="16"
alt="Free Software Foundation"
src="{{servlet-context}}/img/credits/gnu.small.png"/>Licensed under the
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>
</div>
</div>
@ -227,8 +256,8 @@ crossorigin=""></script -->
"Zimbabwe,Harare,-17.816666666666666,31.033333,ZW,Africa\n" +
"British Indian Ocean Territory,Diego Garcia,-7.3,72.400000,IO,Africa\n" );
/* Map using CSV from URL */
geocsv_lite.core.initialise_map_element("url-map",
"http://localhost:3449/data/europe-capitals.csv");
var url = window.location.href.substring(0, window.location.href.length - "index.html".length) + "data/europe-capitals.csv";
geocsv_lite.core.initialise_map_element("url-map", url);
</script>
</body>
</html>