jlelse
/
GoBlog
mirror of https://github.com/jlelse/GoBlog
1
Fork 0
Code Packages Releases Activity

Use random colors for track paths on map page

This commit is contained in:
Jan-Lukas Else 2022-07-03 09:53:53 +02:00
parent 3c7f6c72c7
commit a9c9c6bc46
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
templates/assets/js/geomap.js
View File

@ -1,4 +1,13 @@
(function () {
function randomColor() {
// Generate a random but valid HEX color value
let color = '#'
for (let i = 0; i < 3; i++) {
color += Math.floor(Math.random() * 256).toString(16)
}
return color
}
function loadMap() {
// Get the map element
let mapEl = document.getElementById('map')
@ -31,7 +40,8 @@
})
tracks.forEach(track => {
track.Paths.forEach(path => {
features.push(L.polyline(path.map(point => [point.Lat, point.Lon]), { color: 'blue' }).addTo(map).on('click', function () {
// Use random color on map page for paths to better differentiate
features.push(L.polyline(path.map(point => [point.Lat, point.Lon]), { color: randomColor() }).addTo(map).on('click', function () {
window.open(track.Post, '_blank').focus()
}))
})