@codeureusesenliberte/france-tuiles
v0.0.2
Published
Afficher une carte de la France métropolitaine avec les DROM à côté
Downloads
7
Readme
France Tuiles
Librairie pour afficher une carte de France avec uniquement la métropole et les DROM visibles.
Exemples
NextJS
Ajouter la dépendence
npm install npm i @codeureusesenliberte/france-tuiles
Ajouter une page
"use client";
import styles from "./page.module.css";
import React, { useEffect, useRef } from "react";
import { FranceTuiles } from "france-tuiles";
export default function Home() {
const ref = useRef();
useEffect(() => {
const map = new FranceTuiles("map");
map.colorerDepartements({
63: "red",
53: "yellow",
});
map.afficherContoursDepartements();
}, []);
return (
<main className={styles.main}>
<div className={styles.description}>
<div style={{ width: "500px", height: "500px" }} id="map"></div>
</div>
</main>
);
}
HTML
<!DOCTYPE html>
<html>
<head>
<script src="/dist/france-tuiles.min.js"></script>
</head>
<body>
<div style="width: 500px; height: 500px" id="map"></div>
</body>
<script defer>
let map = new francetuiles.FranceTuiles("map");
map.colorerDepartements(
{
63: "red",
53: "yellow",
},
"blue"
);
map.afficherContoursDepartements();
</script>
</html>