@codeureusesenliberte/france-tuiles NPM

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>

maplibre-gl pmtiles

0.0.2

2 years ago

0.0.1

2 years ago