/ipns/UMAPNS/_index.p4n.html showing P4N+GC data

This commit is contained in:
fred 2023-12-01 21:27:00 +01:00
parent 121e139621
commit 76df4cde8d
10 changed files with 1704 additions and 1 deletions

View File

@ -248,11 +248,19 @@ echo "<meta http-equiv=\"refresh\" content=\"0; url='/ipfs/${ZCHAIN}' />" > ~/.z
&& echo "UPDATED" \
|| echo "NO CHANGE"
####################################
echo "GET GCHANGE ADS..."
## GET 100KM GCHANGE ADS ( https://data.gchange.fr )
${MY_PATH}/../tools/gchange_get_50km_around_LAT_LON_ads.sh ${LAT} ${LON} > ~/.zen/tmp/${MOATS}/${UMAP}/gchange50.json
## CREATE GCHANGE ACCOUNT ??!! DO ANYTHING RELATED TO UMAP
## CREATE INDEX LOADING JSONs ON OPENSTREETMAP
cat ${MY_PATH}/../templates/P4N/index.html \
| sed -e "s~43.2218~${LAT}~g" \
-e "s~1.3977~${LON}~g" \
-e "s~_SERVICE_~Park4Night~g" \
-e "s~_UMAP_~${UMAP}~g" \
-e "s~http://127.0.0.1:8080~~g" \
> ~/.zen/tmp/${MOATS}/${UMAP}/_index.p4n.html
########################################################
## PREPARE Ŋ1 WORLD MAP ##################################################################

2
templates/P4N/axios.min.js vendored Normal file

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,915 @@
{
"took": 1916,
"timed_out": false,
"_shards": {
"total": 3,
"successful": 3,
"failed": 0
},
"hits": {
"total": 3297,
"max_score": 1,
"hits": [
{
"_index": "market",
"_type": "record",
"_id": "AXHbPHg5Um73BnXnuF2C",
"_score": 1,
"_source": {
"title": "Pantalon homme jean gris clair, taille XS"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AW4csEffzeWXAkHvR_uG",
"_score": 1,
"_source": {
"title": "America sur les santier de la guerre"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXZYikSpRPsuHHWVsWFb",
"_score": 1,
"_source": {
"title": "Donne canapé blanc (tissu défraîchi)"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXiNnfikMjkxPehP73c9",
"_score": 1,
"_source": {
"title": "savonnette en forme de gousse d'ail"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXhp5dVhMjkxPehP7u5S",
"_score": 1,
"_source": {
"title": "Dale carnegie"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXg53kVcMjkxPehP7eQp",
"_score": 1,
"_source": {
"title": "collier turquoise et bague assortie"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AW3jRvlezeWXAkHvR8ae",
"_score": 1,
"_source": {
"title": "lot complet de 59 soldats"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AW7r5fQ66_tlAKMUKYGo",
"_score": 1,
"_source": {
"title": "mon atlier Calcul"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXel7dAxaml2THvBAfRx",
"_score": 1,
"_source": {
"title": "PLANTS ARBRES FRUITIERS"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AW39PvqPzeWXAkHvR98q",
"_score": 1,
"_source": {
"title": "Lot de 4 livres de poches"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXfo21mQMjkxPehP7FCH",
"_score": 1,
"_source": {
"title": "Cherche une tondeuse à gazon"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXfo1qL2MjkxPehP7FB8",
"_score": 1,
"_source": {
"title": "Cherche une tondeuse à gazon"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXhZ7derMjkxPehP7pPf",
"_score": 1,
"_source": {
"title": "Bracelets bague très originales"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXhZbtmaMjkxPehP7pFC",
"_score": 1,
"_source": {
"title": "L' ambre et ses pouvoirs collier et pendentif"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXhn4GkgMjkxPehP7uI0",
"_score": 1,
"_source": {
"title": "Pendule égyptien metal"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXhAy6amMjkxPehP7hA3",
"_score": 1,
"_source": {
"title": "Encens naturel à la violette SPECIAL ARCHANGE ST MICHEL"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXhqiMVjMjkxPehP7vBt",
"_score": 1,
"_source": {
"title": "Pendule cristal"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXhpU1TWMjkxPehP7uvO",
"_score": 1,
"_source": {
"title": "Pendentif Art déco en Etain de bijoutier"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXhaCmCEMjkxPehP7pSN",
"_score": 1,
"_source": {
"title": "Ensemble pour femmes qui osent l originalitė"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXhuej-YMjkxPehP7v07",
"_score": 1,
"_source": {
"title": "Abonnement PREMIUM 3 mois à Dietethic, application de diet-éthique et batch cooking"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXgxXZU0MjkxPehP7bGZ",
"_score": 1,
"_source": {
"title": "pendentif métal argenté"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXe8GeMIaml2THvBAkzT",
"_score": 1,
"_source": {
"title": "Lit 160 sur 200"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AW_I-lFQ1PJHS2fVtOmj",
"_score": 1,
"_source": {
"title": "rangers"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXhEHdS6MjkxPehP7iCb",
"_score": 1,
"_source": {
"title": "mandalas à colorier NEUFS"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AW7r7y2G6_tlAKMUKYGt",
"_score": 1,
"_source": {
"title": "Sudoku"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXhKBCVsMjkxPehP7kBU",
"_score": 1,
"_source": {
"title": "Gourmette"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXgxbb8cMjkxPehP7bHm",
"_score": 1,
"_source": {
"title": "chaine argent 925 millième et pendentif zircon violet"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXhfYyyaMjkxPehP7rJy",
"_score": 1,
"_source": {
"title": "2 couvercles de conservation TEFAL INGENIO"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXhlGA51MjkxPehP7tAK",
"_score": 1,
"_source": {
"title": "Nénuphar commun"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXicXSLFle8e8x5MpKem",
"_score": 1,
"_source": {
"title": "Collier en œil de tigre"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXiY4umile8e8x5MpJRb",
"_score": 1,
"_source": {
"title": "Lamé Rose"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXmOxFdV3rjWf40fqzC5",
"_score": 1,
"_source": {
"title": "pupitre pour guitare"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXhPWQ9OMjkxPehP7lw5",
"_score": 1,
"_source": {
"title": "Petits cadres photo Angelots"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXiS2m_yle8e8x5MpHDx",
"_score": 1,
"_source": {
"title": "Lot de 2 broches Fantaisie"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXiStbPQle8e8x5MpG_M",
"_score": 1,
"_source": {
"title": "Pendentif croix avec cœur zircon véritable couleur"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXh6CLNfMjkxPehP7yfg",
"_score": 1,
"_source": {
"title": "carnets MEMO"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXiiu934le8e8x5MpM86",
"_score": 1,
"_source": {
"title": "Très beau quartz rose"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXhPNRAOMjkxPehP7lre",
"_score": 1,
"_source": {
"title": "Stylo en bois pyrogravė"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXiieYA7le8e8x5MpM1e",
"_score": 1,
"_source": {
"title": "Collier bi colore"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXhPHTwWMjkxPehP7lp8",
"_score": 1,
"_source": {
"title": "Porte clefs alu resine"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXiDzsA-MjkxPehP71NJ",
"_score": 1,
"_source": {
"title": "Ouvre lettres"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXinueLp3rjWf40fp3O-",
"_score": 1,
"_source": {
"title": "Bijoux enfants EX"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXinx6nO3rjWf40fp3QJ",
"_score": 1,
"_source": {
"title": "Pendentif Cheval EX"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXinpP4g3rjWf40fp3NB",
"_score": 1,
"_source": {
"title": "Collier et pendentif homme energie"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXjklSby3rjWf40fqHFh",
"_score": 1,
"_source": {
"title": "Nostradamus aura t il raison ?"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXjkneqY3rjWf40fqHGB",
"_score": 1,
"_source": {
"title": "La cure de raisins"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXg70M96MjkxPehP7fOj",
"_score": 1,
"_source": {
"title": "Dés à coudre de collection"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXg2nvekMjkxPehP7dN6",
"_score": 1,
"_source": {
"title": "PORTE CLEF CROCODILE EN PERLES DE ROCAILLE"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXhABIKPMjkxPehP7grk",
"_score": 1,
"_source": {
"title": "Ensemble 3 pièces"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXb15Ef4aml2THvBAHhI",
"_score": 1,
"_source": {
"title": "Verveine citronnelle sèche pour infusion"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXl1MMKk3rjWf40fqsHW",
"_score": 1,
"_source": {
"title": "Livres Math / Physique fac"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXeC9Qtdaml2THvBAZkj",
"_score": 1,
"_source": {
"title": "DVD Gladiator"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXeDHIB6aml2THvBAZmE",
"_score": 1,
"_source": {
"title": "DVD Piège à grande vitesse"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXl6ew583rjWf40fqtgd",
"_score": 1,
"_source": {
"title": "Cartomancie voyance"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXKPL03EUm73BnXnuZzV",
"_score": 1,
"_source": {
"title": "Album digital de musique électronique analogue experimentale: KalaJi - Geometrical Rebuild"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXBPeJgjwB9hGLSzbHs-",
"_score": 1,
"_source": {
"title": "Cherche coiffeur.euse"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXcwCt4laml2THvBAO-a",
"_score": 1,
"_source": {
"title": "Les 13 mères originelles"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXoPPcXq3rjWf40frYSj",
"_score": 1,
"_source": {
"title": "CHERCHE LOCATION PAS LOIN DE LA MER"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXj5YLyi3rjWf40fqLm4",
"_score": 1,
"_source": {
"title": "Sans titre"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXlrBXz53rjWf40fqo8d",
"_score": 1,
"_source": {
"title": "Jolie montre femme bracelet métallique fonctionnel"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXiTcQcgle8e8x5MpHW0",
"_score": 1,
"_source": {
"title": "Lion en résine"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXlrCGrv3rjWf40fqo8m",
"_score": 1,
"_source": {
"title": "Jolie montre femme fonctionnel bracelet métallique élastique"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXgwZy8AMjkxPehP7aqH",
"_score": 1,
"_source": {
"title": "musique de piano cascades"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXnoX-bP3rjWf40frMiS",
"_score": 1,
"_source": {
"title": "Service et conseil en éco-construction"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXfpPoVlMjkxPehP7FGI",
"_score": 1,
"_source": {
"title": "VESTE QUECHUA FILLE 12 ANS OCCASION"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXmahb6D3rjWf40fq1P5",
"_score": 1,
"_source": {
"title": "MILLENIUM"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXn9GWvC3rjWf40frSnX",
"_score": 1,
"_source": {
"title": "Accessoires pour voiture"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXn3Lphe3rjWf40frQ4c",
"_score": 1,
"_source": {
"title": "TRAVAIL INSOLITE !"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXfpOdiOMjkxPehP7FF8",
"_score": 1,
"_source": {
"title": "VETEMENTS GARCON DIVERSES TAILLES"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXW4ZrGwRPsuHHWVsEYJ",
"_score": 1,
"_source": {
"title": "hoverboard roue 10 pouces"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXWZcnukRPsuHHWVsBL-",
"_score": 1,
"_source": {
"title": "adaptateur de câble pour casque sur ordi fixe"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXVf72uHRPsuHHWVr7n0",
"_score": 1,
"_source": {
"title": "lecteur dvd externe"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXVdOR9WRPsuHHWVr7Ww",
"_score": 1,
"_source": {
"title": "Bibliothèque peu profonde 4 étagères"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXXHqvdoRPsuHHWVsGND",
"_score": 1,
"_source": {
"title": "Cherche chaise de bureau/réunion robuste"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXDikWczQpeahO5b_DlG",
"_score": 1,
"_source": {
"title": "Acanthe, très beau feuillage!"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXXrvLpLRPsuHHWVsKcx",
"_score": 1,
"_source": {
"title": "Cherche femme de ménage (car je suis en fin de grossesse)"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXTklqpFRPsuHHWVrt4e",
"_score": 1,
"_source": {
"title": "ch smartphone G1 ou prix mixte"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXDYiWjiQpeahO5b_Cf5",
"_score": 1,
"_source": {
"title": "Corbeille d'argent en latin ibéris sempervirens"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXVWDIhuRPsuHHWVr6qX",
"_score": 1,
"_source": {
"title": "ORDINATEUR RECONSTITUE Toulouse St Simon (31100)"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXVdLOLkRPsuHHWVr7Wi",
"_score": 1,
"_source": {
"title": "Miroir en pied"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXVkq9o5RPsuHHWVr8GG",
"_score": 1,
"_source": {
"title": "Chemise homme"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXVdPVdfRPsuHHWVr7W2",
"_score": 1,
"_source": {
"title": "2 tables de chevet / rangements 3 tiroirs"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXUYngUmRPsuHHWVrz3u",
"_score": 1,
"_source": {
"title": "Horloge murale neuve"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXVXek93RPsuHHWVr61N",
"_score": 1,
"_source": {
"title": "Matelas nikken"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXVMRwZzRPsuHHWVr5gt",
"_score": 1,
"_source": {
"title": "Traversin + housse"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXVpUIarRPsuHHWVr8jh",
"_score": 1,
"_source": {
"title": "Je cherche à la location (une journée) ou à la vente un broyeur à végétaux"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXHbNwEUUm73BnXnuF18",
"_score": 1,
"_source": {
"title": "sweater homme manches longues en coton, taille S"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXUIwXQaRPsuHHWVryLp",
"_score": 1,
"_source": {
"title": "ORDINATEUR RECONSTITUE Toulouse St Simon (31100)"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXKek01vUm73BnXnub1G",
"_score": 1,
"_source": {
"title": "Harmonica Honner"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXTT-44ERPsuHHWVrr97",
"_score": 1,
"_source": {
"title": "Sac a dos de courses à pied Kalenji 5L"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXTT9WueRPsuHHWVrr9k",
"_score": 1,
"_source": {
"title": "Bouilloire Kenwood"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXT-uzgXRPsuHHWVrxDp",
"_score": 1,
"_source": {
"title": "Nems et cuisine maison"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXTVqzmqRPsuHHWVrsNJ",
"_score": 1,
"_source": {
"title": "Rech. Terrain non constructible arboré pour installation dôme habitat léger"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXWpdWC1RPsuHHWVsCzH",
"_score": 1,
"_source": {
"title": "Sweat à capuche / pull"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXYbCVNFRPsuHHWVsPez",
"_score": 1,
"_source": {
"title": "Art : Dessin"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXptPY7e1-Z7cQ4ZykrO",
"_score": 1,
"_source": {
"title": "Séance bien-être"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXpxkodj1-Z7cQ4Zylpa",
"_score": 1,
"_source": {
"title": "Chaussures de ville BOCAGE taille 39"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXVdMVdHRPsuHHWVr7Wn",
"_score": 1,
"_source": {
"title": "Chaise de bureau (à roulettes)"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXporR7Z1-Z7cQ4Zyjla",
"_score": 1,
"_source": {
"title": "trajet Toulouse - Bouzigue : Université d'été de la g1"
}
},
{
"_index": "market",
"_type": "record",
"_id": "AXpourlt1-Z7cQ4ZyjnL",
"_score": 1,
"_source": {
"title": "Je cherche un télèphone portable en bon état, préferable Samsung. Merci"
}
}
]
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

110
templates/P4N/index.html Normal file
View File

@ -0,0 +1,110 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>UPlanet _UMAP_ _SERVICE_ Data</title>
<link rel="stylesheet" href="http://127.0.0.1:8080/ipfs/QmUBL1cAkKbwnkxCcjvN6B9ydgoNgYGt1sYBqij8Wy2AjS/leaflet.css" />
<style>
body {
margin: 0;
padding: 0;
}
#map {
height: calc(100vh - 30px); /* Adjusted height to make space for rolling text */
z-index: 1; /* Ensure the map is behind the rolling text */
}
.rolling-text-container {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #333;
color: #fff;
padding: 10px;
text-align: center;
font-size: 16px;
overflow: hidden;
z-index: 2; /* Ensure the rolling text is above the map */
}
</style>
</head>
<body>
<div id="map"></div>
<div id="rollingText" class="rolling-text-container"></div>
<script src="http://127.0.0.1:8080/ipfs/QmUBL1cAkKbwnkxCcjvN6B9ydgoNgYGt1sYBqij8Wy2AjS/leaflet.js"></script>
<script src="http://127.0.0.1:8080/ipfs/QmUBL1cAkKbwnkxCcjvN6B9ydgoNgYGt1sYBqij8Wy2AjS/axios.min.js"></script>
<script>
// Initialize the map
// const map = L.map('map').setView([0.00, 0.00], 11);
const map = L.map('map').setView([43.2218, 1.3977], 11);
// Add OpenStreetMap layer
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '© OpenStreetMap contributors'
}).addTo(map);
// Fetch JSON data
axios.get('./p4n.json')
.then(response => {
const places = response.data;
// Iterate through places and add markers to the map
places.forEach(place => {
const { lat, lng, title_short, description, images, services, activities } = place;
const marker = L.marker([lat, lng]).addTo(map);
// Create a popup content
const popupContent = `
<b>${title_short}</b><br>
${description}<br>
<b>Services:</b> ${services.join(', ')}<br>
<b>Activities:</b> ${activities.join(', ')}<br>
<a href="#" onclick="goToLocation(${lat}, ${lng})">Zoom In</a>
`;
// Bind popup to the marker
marker.bindPopup(popupContent);
});
})
.catch(error => {
console.error('Error fetching JSON data:', error);
});
function goToLocation(lat, lng) {
// Switch to ArcGIS World Imagery basemap
L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', {
attribution: '© Esri'
}).addTo(map);
// Set the map view to the specified GPS position
map.setView([lat, lng], 15); // Adjust the zoom level as needed
}
// Fetch JSON data for rolling text
axios.get('gchange50.json')
.then(response => {
const titles = response.data.hits.hits.map(hit => hit._source.title);
displayRollingText(titles);
})
.catch(error => {
console.error('Error fetching rolling text JSON data:', error);
});
function displayRollingText(titles) {
const rollingTextContainer = document.getElementById('rollingText');
let currentIndex = 0;
function updateText() {
rollingTextContainer.textContent = titles[currentIndex];
currentIndex = (currentIndex + 1) % titles.length;
}
setInterval(updateText, 3000); // Change text every 3 seconds (adjust as needed)
updateText(); // Initial display
}
</script>
</body>
</html>

661
templates/P4N/leaflet.css Normal file
View File

@ -0,0 +1,661 @@
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
max-width: none !important;
max-height: none !important;
}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
width: auto;
padding: 0;
}
.leaflet-container img.leaflet-tile {
/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
mix-blend-mode: plus-lighter;
}
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom;
/* Fallback for FF which doesn't support pinch-zoom */
touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane { z-index: 400; }
.leaflet-tile-pane { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane { z-index: 500; }
.leaflet-marker-pane { z-index: 600; }
.leaflet-tooltip-pane { z-index: 650; }
.leaflet-popup-pane { z-index: 700; }
.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg { z-index: 200; }
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
}
/* control positioning */
.leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
}
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
svg.leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
-moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
transition: transform 0.25s cubic-bezier(0,0,0.25,1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
}
/* cursors */
.leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
pointer-events: auto;
}
/* visual tweaks */
.leaflet-container {
background: #ddd;
outline-offset: 1px;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255,255,255,0.5);
}
/* general typography */
.leaflet-container {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
}
/* general toolbar styles */
.leaflet-bar {
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
border-radius: 4px;
}
.leaflet-bar a {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
font-size: 22px;
}
/* layers control */
.leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url(images/layers.png);
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(images/layers-2x.png);
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
font-size: 13px;
font-size: 1.08333em;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
}
/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
background-image: url(images/marker-icon.png);
}
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.8);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
line-height: 1.4;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
text-decoration: underline;
}
.leaflet-attribution-flag {
display: inline !important;
vertical-align: baseline !important;
width: 1em;
height: 0.6669em;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
white-space: nowrap;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.8);
text-shadow: 1px 1px #fff;
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0,0,0,0.2);
background-clip: padding-box;
}
/* popup */
.leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 13px 24px 13px 20px;
line-height: 1.3;
font-size: 13px;
font-size: 1.08333em;
min-height: 1px;
}
.leaflet-popup-content p {
margin: 17px 0;
margin: 1.3em 0;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-top: -1px;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
pointer-events: auto;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
border: none;
text-align: center;
width: 24px;
height: 24px;
font: 16px/24px Tahoma, Verdana, sans-serif;
color: #757575;
text-decoration: none;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
color: #585858;
}
.leaflet-popup-scrolled {
overflow: auto;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
-ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
}
/* div icon */
.leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}
/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.leaflet-tooltip.leaflet-interactive {
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
}
/* Directions */
.leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff;
}
/* Printing */
@media print {
/* Prevent printers from removing background-images of controls. */
.leaflet-control {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
}

6
templates/P4N/leaflet.js Normal file

File diff suppressed because one or more lines are too long

1
templates/P4N/p4n.json Normal file

File diff suppressed because one or more lines are too long