adaemmer/mappersons
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Compare commits

base: adaemmer:304d9f4b7a3532de452d406b3823304c92040f90
Branches Tags
adaemmer:main
...
compare: adaemmer:8aa59ef749ecfcff84f605ca07fb936e532d5151
Branches Tags
adaemmer:main

2 commits
304d9f4b7a ... 8aa59ef749

Author SHA1 Message Date
Frank Adaemmer 8aa59ef749 add prepare section to Readme 2023-05-21 08:14:58 +02:00
Frank Adaemmer d6b486ae93 local leaflet 2023-05-21 08:05:29 +02:00
3 changed files with 9 additions and 4 deletions
Show stats Expand all files Collapse all files

1
.gitignore vendored
View file

@ -4,3 +4,4 @@ persons/
*.png *.png
!screenshot.png !screenshot.png
jquery* jquery*
leaflet*

6
README.md
View file

@ -3,6 +3,12 @@
Mappersons is a web app that allows you to visualize pictures of people on a world map along with their respective tasks and locations. With its intuitive slider feature, users can easily navigate through different calendar weeks to see how locations change over time. Mappersons is a web app that allows you to visualize pictures of people on a world map along with their respective tasks and locations. With its intuitive slider feature, users can easily navigate through different calendar weeks to see how locations change over time.
![Mapperson](screenshot.png) ![Mapperson](screenshot.png)
# Prepare
To get started with mappersons, you'll need to download and install the required libraries. Please follow these steps:
1. Download the latest stable version of jQuery-ui from the [official website](https://jqueryui.com/) and extract it to a directory in mappersons. Do not extract index.html.
2. Download the latest stable version of Leaflet from the [official website](https://leafletjs.com/download.html) and extract it to a directory in mappersons.
# Usage # Usage
To use Mappersons, follow these steps: To use Mappersons, follow these steps:

6
index.html
View file

@ -3,8 +3,7 @@
<head> <head>
<title>Mappersons</title> <title>Mappersons</title>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.3/dist/leaflet.css" <link rel="stylesheet" href="leaflet.css" />
integrity="sha256-kLaT2GOSpHechhsozzB+flnD+zUyjE2LlfWPgU04xyI=" crossorigin="" />
<link href="jquery-ui.css" rel="stylesheet"> <link href="jquery-ui.css" rel="stylesheet">
<style> <style>
@ -29,8 +28,7 @@
</style> </style>
<!-- Make sure you put this AFTER Leaflet's CSS --> <!-- Make sure you put this AFTER Leaflet's CSS -->
<script src="https://unpkg.com/leaflet@1.9.3/dist/leaflet.js" <script src="leaflet.js"></script>
integrity="sha256-WBkoXOwTeyKclOHuWtc+i2uENFpDZ9YPdf5Hf+D7ewM=" crossorigin=""></script>
</head> </head>
<body> <body>