Tengo un mapa de Google y se está cargando si lo coloco fuera del componente Livewire, pero cuando quiero agregarlo dentro del componente Livewire, no se carga.

El ejemplo del mapa es el siguiente:

 <div id="googleMap" style="width:100%;height:400px;"></div> <script> function myMap() { var mapProp= { center:new google.maps.LatLng(51.508742,-0.120850), zoom:5, }; var map = new google.maps.Map(document.getElementById("googleMap"),mapProp); } </script> <script src="https://maps.googleapis.com/maps/api/js?key={{KeyHere}}&callback=myMap"></script>

Mi pregunta es cómo cargar el mapa de Google si lo coloco dentro del componente Livewire.

Además, recuerde que si hago alert ('alert text') dentro de la función myMap en el componente livewire, entonces no funciona y si pongo una alerta fuera de la función myMap en el componente livewire, entonces funciona.