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

Compare commits

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

No commits in common. "8aa59ef749ecfcff84f605ca07fb936e532d5151" and "304d9f4b7a3532de452d406b3823304c92040f90" have entirely different histories.
8aa59ef749 ... 304d9f4b7a

3 changed files with 4 additions and 9 deletions
Show stats Expand all files Collapse all files

1
.gitignore vendored
View file

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

6
README.md
View file

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