Handle *.umap files with Leaflet.js

@HIROSE Yuuji HIROSE Yuuji authored on 20 May 2024
test Simplify 1 year ago
.gitignore init 1 year ago
.hgignore init 1 year ago
.hgtags Added tag 2024.05alpha0 for changeset 8f40a0c4da32 1 year ago
README.md Avoid to be parsed as HTML 1 year ago
loadumap.css init 1 year ago
loadumap.js Select high contrast fgColor according to bgcolor 1 year ago
loadumap.sh init 1 year ago
pretty.rb init 1 year ago
README.md

umapleaflet

Handle *.umap files with Leaflet.js

Test

Usage

Prepare .umap file

Download your uMap map file from uMap server.

Assume your uMap file is "mymap.umap".

In head element

<head>
<link rel="stylesheet" href="https://www.yatex.org/gitbucket/LeafletGo/umapleaflet/raw/2024.05alpha0/loadumap.css">
<script src="https://www.yatex.org/gitbucket/LeafletGo/umapleaflet/raw/2024.05alpha0/loadumap.js" charset="utf-8"></script>
div#mymap {width: 95vh; height: 70vh;}
</head>

In \ element

<body>
<div id="mymap">
<script type="text/javascript">
Lumap.load("mymap", "mymap.umap");
</script>

</body>