• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Evaluaciones
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

240
Vistas
Mi botón personalizado desaparece en pantalla completa en @react-google-maps/api

Creo un botón personalizado que me permite hacer algunas cosas sobre el mapa. Presiono el botón de pantalla completa y desaparece.

Traté de jugar con la consola y llevarlo adelante con z-index y otras cosas.

https://codesandbox.io/s/romantic-chihiro-ns1vv?file=/src/LoadMap.jsx

Este es mi código en codesandbox para el error.

Presione "abrir en una nueva ventana" para obtener el botón de pantalla completa.

¡Gracias!

almost 3 years ago · Juan Pablo Isaza
2 Respuestas
Responde la pregunta

0

Con componente MapControl.

 <MapControl position={google.maps.ControlPosition.BOTTOM_CENTER}> <div>That was easy</div> </MapControl>

https://gist.github.com/jgimbel/6a36d60e28aaf453d0093ddc47f36533

almost 3 years ago · Juan Pablo Isaza Denunciar

0

el modo de pantalla completa crea dentro de él elemento. Debe agregar su botón después de que se cree, en React puede hacerlo con ReactDOM.createPortal. Aquí debe agregar su btn: document.getElementById('your-map-id').getElementsByTagName('div')[0]

almost 3 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda