Afficher une couche IGn dans Leaflet
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:
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 :
Code:
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> |
...mais bon, comme vous vous en doutez...ben ça ne marche pas.
je ne vois pas d'où ça peut venir...
Auriez vous une idée s'il vous plaît.
merci !