Bonjour à vous,
je suis un peu débutant en code et en leaflet, néanmoins, je souhaiterais au minimum afficher des fonds de carte IGN dans mes carte Leaflet sur mon site wordpress.
Pour cela, j'ai commandé une clef d'accès, j'ai tout bien téléchargé les fichiers js et css installés dans mon thème et j'ai inséré les lignes suivantes dans mon head :
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 <!-- Library Leaflet --> <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/leaflet.css" /> <script src="<?php echo get_template_directory_uri(); ?>/js/leaflet.js"></script> <!-- Extension Géoportail pour Leaflet --> <script src="<?php echo get_template_directory_uri(); ?>/js/GpPluginLeaflet.js" data-key="fg4kp0ilbj1rp1kopr92lh22"></script> <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/GpPluginLeaflet.css" />
Dans une page, j'ai donc essayé d'afficher une carte avec le code suivant :
...mais bon, comme vous vous en doutez...ben ça ne marche pas.
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12 <div id="mapid" style="margin:auto !important;height:500px;"></div> <script type="text/javascript"> map = L.map("mapid").setView([48.845, 2.424], 10); var lyr = L.geoportalLayer.WMTS({ // layer: "ORTHOIMAGERY.ORTHOPHOTOS", layer: "GEOGRAPHICALGRIDSYSTEMS.MAPS", }, { // leafletParams opacity: 0.8 }); lyr.addTo(map); // ou map.addLayer(lyr); } </script>
je ne vois pas d'où ça peut venir...
Auriez vous une idée s'il vous plaît.
merci !
Partager