No description, website, or topics provided.
JavaScript CSS
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
dist
src
.gitignore
Gruntfile.js
LICENSE
README.md
package.json

README.md

maps

English version coming soon...

Guide de l'utilisateur

Consultez la page https://github.com/wwwouaiebe/maps/tree/gh-pages

Guide d'installation

Pour pouvoir utiliser Maps, vous devez tout d'abord installer Leaflet. Leaflet n'est pas fourni avec Maps et vous devez donc installer Leaflet séparément.

Que devez-vous faire pour utiliser Leaflet?

Dans le <head> de votre page HTML, chargez la feuille de style CSS de Leaflet:

<head>
	...
	<link rel="stylesheet" href="leaflet/leaflet.css" />
	...
</head>

Et dans le <body> de votre page HTML chargez le JavaScript de Leaflet:

<body>
	...
	<script src="leaflet/leaflet.js"></script>
	...
</body>

Faites ensuite la même chose pour Maps:

<head>
	...
	<link rel="stylesheet" href="Maps.min.css" />
	...
</head>
<body>
	...
	<script src="Maps.min.js"></script>
	...
</body>

Ajoutez ensuite une <div> dans laquelle la carte sera installée. Cete <div> DOIT avoir comme id "mapsMap"

<body>
	...
	<div id="mapsMap"></div>
	...
</body>

Maps est surtout utile si il est utilisé avec leaflet.TravelNotes. Si vous disposez d'une API key pour Thunderforest ou pour Mapbox et que celles-ci sont activées dans leaflet.TravelNotes, le contrôle des layers vous proposera des cartes supplémentaires fournies par Thunderforest et Mapbox. Et bien sûr, vous disposerez de toutes les possibilités de leaflet.TravelNotes.

Fichier de configuration MapsConfig.json

Ce fichier permet de configurer les boutons de la barre d'outils. Il DOIT être installé dans un répertoire appelé Maps et situé juste sous votre page HTML

Modifier l'adresse mail du bouton contact

Modifiez la propriété "contactMail" du fichier MapsConfig.json. Celle-ci peut être un lien http ou un lien mailto.

Installer une marque qui indiquera les limites d'impression de la page

Il n'est pas toujours facile de trouver les limites d'impression de la carte. Il est possible de mettre sur l'écran un petit carré rouge qui indiquera le coin inférieur gauche de l'impression. Pour cela, dans le fichier MapsConfig.json:

  • modifiez la propriété "addOnMap" vers true
  • modifiez les propriétés "top" et "left" pour adapter la position du carré rouge en fonction de votre imprimante. Quelques essais d'impression seront peut-être nécessaires.

Bouton "theDevil";

  • modifiez la propriété "addButton" vers true pour afficher le bouton
  • modifiez la propriété "title" pour modifier le contenu du tooltip

Nous vous laissons le plaisir de découvrir par vous même qui est le diable et à quoi sert ce bouton (N.B. pas de mauvaises surprises)