ashatora/editor
1
0
Fork 0
mirror of https://github.com/maputnik/editor.git synced 2025-12-27 16:40:00 +00:00
Code Issues Projects Releases Wiki Activity

Moved from magnify icon to 'zoom:' label. Also increased contrast on compass arrow.

Browse Source
This commit is contained in:
orangemug
2020-02-18 18:50:30 +00:00
parent 0f6708d9d4
commit 4ef6ecb7eb
3 changed files with 5 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/libs/zoomcontrol.js
View File

@@ -1,19 +1,10 @@
import {mdiMagnify} from '@mdi/js';
export default class ZoomControl {
onAdd(map) {
this._map = map;
this._container = document.createElement('div');
this._container.className = 'mapboxgl-ctrl mapboxgl-ctrl-group mapboxgl-ctrl-zoom';
this._container.innerHTML = `
<svg
style="width: 14px; height: 14px; vertical-align: middle;"
viewBox="0 0 24 24"
>
<title>Zoom level</title>
<path fill="currentColor" d="${mdiMagnify}" />
</svg> <span></span>
Zoom: <span></span>
`;
this._textEl = this._container.querySelector("span");