Comment utiliser openlayers VectorLayer dans le contexte api IGN ?
Bonjour
L'exemple https://openlayers.org/en/latest/exa...tor-layer.html permet d'ajouter une couche vecteur à partir d'un fichier json.
J'utilise openlayers 6.8.1 et les plugins Openlayers 3.1.0
Lors de l'exécution de ma page, j'obtiens le message
Citation:
Uncaught ReferenceError: VectorLayer is not defined
lors de l'exécution de
Code:
1
2
3
4
5
6
7
8
9
10
| const vectorLayer = new VectorLayer({
source: new VectorSource({
url: 'lagunes.geojson',
format: new GeoJSON(),
}),
style: function (feature) {
style.getText().setText(feature.get('name'));
return style;
},
}); |
Je présume que les imports visibles dans l'exemple doivent être ajoutés dans ma page, mais comment ?
Une solution Wordpress transposable en HTML
Dans le template ou HTML:
Code:
1
2
3
4
5
6
| <script>
...
//Canal_principal_STPZ.kml STPZ Historique
var urlKML_STPZ=<?php echo('"'.get_theme_file_uri('/KML/Canal_Principal_STPZ.kml').'"'); ?>;
...
</script> |
Dans le JS
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| //AJOUT Couche St Tropez Historique
var layerKML_STPZ = new ol.layer.Vector({
source: new ol.source.Vector({
url: urlKML_STPZ,
format: new ol.format.KML({
// applique les styles du fichier KML
extractStyles: true,
showPointNames: true,
})
//essai style
// fin essai Style
})
// opacity: 0.75,
}); |
