Suite

Comment ajouter l'image ol.control.ZoomToExtent dans openlayers 3 ?


Dans ol.control.ZoomToExtent, Openlayers3 utilise le caractère 'E' pour la vue (http://openlayers.org/en/v3.5.0/examples/navigation-controls.html). Mais je veux ajouter une image. Comment faire ?


Vous pouvez utiliser un contrôle personnalisé comme illustré dans cet exemple.

http://openlayers.org/en/v3.5.0/examples/custom-controls.html

Ensuite, vous pouvez définir le innerHTML du bouton avec votre image en utilisant le HTMLétiqueter.

Vous devrez répliquer la fonctionnalité Zoomer sur l'étendue dans le gestionnaire d'événements de clic. Cela peut être fait en utilisant la ligne suivante

map.getView().fitExtent(newextent,map.getSize())


Voir la vidéo: OpenLayer (Octobre 2021).