홈>2020-03-18 11:09

맵 박스 내비게이션 컨트롤 확대 및 축소

지도에 내비게이션 컨트롤을 성공적으로 추가했지만 버튼이 비어 있고 둘 중 하나에 '+'또는 '-'가 없습니다. '+'또는 '-'를 배치하는 데 사용할 수있는 다른 옵션이 있습니까? 탐색 컨트롤을 만드는 데 사용한 코드는 다음과 같습니다.

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

Mapbox Leaflet의 zoomInText와 zoomInTitle을 사용하여 비슷한 예제를 보았습니다. Mapbox GL에서 사용할 수있는 비슷한 것이 있습니까?

답변 # 1
문제가 무엇인지 정확히 파악하는 데 도움이되는 오류 또는 추가 코드를 제공 할 수 있습니까?

탐색 제어는 일반적으로 여기에 설명 된대로 매우 간단합니다

요소를 검사 할 때 수업이 보입니까?
```
.mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-in
```
이 클래스에는 "+"의 배경 이미지가 있어야합니다.

보이지 않으면 CSS를 포함하지 않았어야합니다.
답변 # 2
Angular2에서 구현하는 동안 비슷한 종류의 문제에 직면했지만 lucas-wojciechowski가 mapbox- gl.css가 문제를 해결합니다.
```
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.32.1/mapbox-gl.css' rel='stylesheet' />
```