Web components of Geotrek.
You can use a complete app or each component independantly.
- To test and configure the widget: https://geotrekce.github.io/Geotrek-rando-widget/
- Examples:
The Geotrek-admin API you want to use has to authorize the URL of the website where you want to include the widget.
Copy-paste this inside <head></head>
to load static widget files:
<link rel="stylesheet" href="https://rando-widget.geotrek.fr/latest/dist/geotrek-rando-widget/geotrek-rando-widget.css" />
<script type="module" src="https://rando-widget.geotrek.fr/latest/dist/geotrek-rando-widget/geotrek-rando-widget.esm.js"></script>
<script nomodule src="https://rando-widget.geotrek.fr/latest/dist/geotrek-rando-widget/geotrek-rando-widget.js"></script>
Then you have to configure the widget to generate the widget code to include in your website.
The API you want to use has to authorize geotrekce.github.io.
You can explore Geotrek-rando widget and create your own component here.
Once you made your component, you can get the code to copy-paste by clicking on Docs then Show code.