2016-12-14 140 views
0

我已经成功地将导航控制添加到了我的地图,但是按钮是空白的,没有“+”或“ - ”。我可以使用另一个选项来放置'+'或' - '。这是我用来创建导航控件的代码。Mapbox导航控件放大和缩小

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

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

我看过类似的例子,使用Mapbox Leaflet的zoomInText和zoomInTitle。有什么类似的我可以在Mapbox GL中使用?

+0

你已经包括了'mapbox-GL .css'页面上的CSS文件? –

+0

功能演示的链接将帮助您进行调试。 –

回答

1

您能否提供任何错误或其他代码,以帮助我们找出究竟是什么问题。

导航控制通常是概括here

当你检查元素你看到一个类非常简单?

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

该类应具有“+”的背景图像。

如果你没有看到它,你一定不能包含CSS。

0

我在Angular2中实现时遇到了类似的问题,但是lucas-wojciechowski指出包括mapbox-gl.css会解决这个问题。

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