Vi un sitio web de Google en el que podíamos agregar/eliminar la base de zoomControl en el tamaño del mapa. Pero la página no explica cómo hacer esto.
Mi objetivo sería eliminar el control de zoom en el teléfono inteligente, por lo que me gustaría ocultar el control de zoom por debajo 576px .
Estoy trabajando con angular pero no deseo suscribirme al tamaño de la pantalla, pero me gustaría dejar que Google lo haga por sí mismo.
El mapa de Google no acepta dicha variable , pero se menciona que el control se ocultará con un ancho de 200 px, y para deshabilitarlo, debe mencionarlo explícitamente.
Entonces, si desea hacer eso, tendrá que usar un poco de javascript.
Primero verifique el ancho de la pantalla del dispositivo y luego configure la propiedad zoomControl en función de eso. Por ejemplo:-
function initMap(): void { let zoomControl = true; if(window.innerWidth < 576) zoomControl = false; const map = new google.maps.Map( document.getElementById("map") as HTMLElement, { zoom: 4, center: { lat: -33, lng: 151 }, zoomControl: zoomControl, scaleControl: true, } ); } declare global { interface Window { initMap: () => void; } } window.initMap = initMap;