Disable drag rotate and compass

My cell selection code breaks horribly if the map is rotated.
This commit is contained in:
Tyler Hallada 2022-02-09 00:09:41 -05:00
parent bc41a41099
commit 641957cfb5

View File

@ -377,6 +377,7 @@ const Map: React.FC = () => {
[-180, -85.051129], [-180, -85.051129],
[180, 85.051129], [180, 85.051129],
], ],
dragRotate: false,
pitchWithRotate: false, pitchWithRotate: false,
}); });
map.current.on("load", () => { map.current.on("load", () => {
@ -583,7 +584,9 @@ const Map: React.FC = () => {
(fullscreenControl as unknown as { _container: HTMLElement })._container = (fullscreenControl as unknown as { _container: HTMLElement })._container =
mapWrapper.current; mapWrapper.current;
map.current.addControl(fullscreenControl); map.current.addControl(fullscreenControl);
map.current.addControl(new mapboxgl.NavigationControl()); map.current.addControl(
new mapboxgl.NavigationControl({ showCompass: false })
);
let singleClickTimeout: NodeJS.Timeout | null = null; let singleClickTimeout: NodeJS.Timeout | null = null;
map.current.on("click", "grid-layer", (e) => { map.current.on("click", "grid-layer", (e) => {