我已成功将导航控件添加到我的地图中,但按钮为空白,其中任何一个都没有“+”或“ - ”。我可以使用另一个选项来放置'+'或' - '。这是我用来创建导航控件的代码。
this.map = new MapboxGL.Map(mapOptions);
var nav = new mapboxgl.NavigationControl();
map.addControl(nav, 'top-right');
我已经看到使用Mapbox Leaflet的zoomInText和zoomInTitle的类似示例。我可以在Mapbox GL中使用类似的东西吗?
您能否提供任何错误或其他代码,以帮助我们找出究竟是什么问题。
正如here概述的那样,导航控制通常非常简单
当你检查元素时,你会看到一个类吗?
.mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-in
该类应具有“+”的背景图像。
如果你没有看到它,你一定不能包含css。
我在Angular2中实现时遇到了类似的问题,但正如lucas-wojciechowski指出的那样,包括mapbox-gl.css将解决这个问题。
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.32.1/mapbox-gl.css' rel='stylesheet' />