Mapbox导航控件放大和缩小

问题描述 投票:0回答:2

我已成功将导航控件添加到我的地图中,但按钮为空白,其中任何一个都没有“+”或“ - ”。我可以使用另一个选项来放置'+'或' - '。这是我用来创建导航控件的代码。

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

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

我已经看到使用Mapbox Leaflet的zoomInText和zoomInTitle的类似示例。我可以在Mapbox GL中使用类似的东西吗?

mapbox mapbox-gl mapbox-gl-js
2个回答
1
投票

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

正如here概述的那样,导航控制通常非常简单

当你检查元素时,你会看到一个类吗?

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

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

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


0
投票

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

<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.32.1/mapbox-gl.css' rel='stylesheet' />
© www.soinside.com 2019 - 2024. All rights reserved.