Contrôle de navigation Mapbox Zoom avant et arrière

Question

J'ai réussi à ajouter le contrôle de navigation à ma carte, mais les boutons sont vides, aucun '+' ou '-' sur l'un d'entre eux. Y at-il une autre option que je peux utiliser pour placer le '+' ou '-' sur eux. Voici le code que j'ai utilisé pour créer les contrôles de navigation.

this.map = new MapboxGL.Map(mapOptions); 

var nav = new mapboxgl.NavigationControl(); 
map.addControl(nav, 'top-right'); 

J'ai vu des exemples similaires en utilisant zoomInText et zoomInTitle de Mapbox Leaflet. Y at-il quelque chose de similaire que je peux utiliser dans Mapbox GL?

Answer 1

Pouvez-vous fournir des erreurs, ou du code supplémentaire qui nous aidera à déterminer quel est exactement le problème.

contrôle de navigation est généralement très simple comme indiqué here

Lorsque vous inspectez l'élément voyez-vous une classe?

.mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-in 

Cette classe doit avoir une image d'arrière-plan du "+".

Si vous ne le voyez pas, vous ne devez pas avoir inclus le CSS.

Answer 2

J'ai été confronté à un problème similaire lors de l'implémentation dans Angular2 mais comme l'a souligné lucas-wojciechowski, y compris mapbox-gl.css va résoudre le problème.

https://api.tiles.mapbox.com/mapbox-gl-js/v0.32.1/mapbox-gl.css de rel = 'feuille de style' />