Mapbox導航控件放大和縮小

我已經成功地將導航控制添加到了我的地圖，但是按鈕是空白的，沒有「+」或「 - 」。我可以使用另一個選項來放置'+'或' - '。這是我用來創建導航控件的代碼。Mapbox導航控件放大和縮小

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

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

我看過類似的例子，使用Mapbox Leaflet的zoomInText和zoomInTitle。有什麼類似的我可以在Mapbox GL中使用？

你已經包括了'mapbox-GL .css'頁面上的CSS文件？ –

功能演示的鏈接將幫助您進行調試。 –

您能否提供任何錯誤或其他代碼，以幫助我們找出究竟是什麼問題。

導航控制通常是概括here

當你檢查元素你看到一個類非常簡單？

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

該類應具有「+」的背景圖像。

如果你沒有看到它，你一定不能包含CSS。

2016-12-16 16:34:12

我在Angular2中實現時遇到了類似的問題，但是lucas-wojciechowski指出包括mapbox-gl.css會解決這個問題。

https://api.tiles.mapbox.com/mapbox-gl-js/v0.32.1/mapbox-gl.css'相對= '樣式'/>

2017-01-31 17:15:21 MKant

回答