Chargement d'un script google dans un composant

[Agrepe]

Bonjour,
Je rencontre un souci de chargement d'un script Google pour afficher une map dans un composant.

Quand j'utilise le script dans un module il se charge bien, la carte s'affiche parfaitement, j'ai pour cela utilisé LM Custom.

Il ne se charge dans mon composant que quand je publie le module.

La clé API utilisée est dédiée à ce site.

<?php
JHtml::script(Juri::base() . 'https://maps.googleapis.com/maps/api/js?key=AIzaSyCFfEjnSUSndjkwZKzCGAh2rIe1ReWGprE&callback=initMap');
?>

<script type="text/javascript">
function initMap() {
    var depart = {lat: 43.7747, lng: 7.42611};
    var map = new google.maps.Map(
        document.getElementById('map'), {zoom: 16, center: depart});

    var marker = new google.maps.Marker({position: depart, map: map});
}
</script>

<div id="map"></div>

#map {
  height: 400px;
  width: 100%;
 }

Je pense que le souci vient du chargement du script dans le composant.

J'ai regarder cela : https://docs.joomla.org/Adding_JavaScript/fr

Quel est votre avis ?

Cordialement.

Eric