How to enable async defer options when loading a script?

Question

Yii

Hello, from the documentation for connecting google map, you need to write the following line:

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
    async defer>
</script>

In my application, the script is loaded like this:

$this->registerJsFile('https://maps.googleapis.com/maps/api/js?key='.Yii::$app->params['google']['map_api_key'].'&callback=initMap',  ['position' => $this::POS_END]);

How can I specify the parameters of the async defer script in this line ?

Answer 1

Try like this:

$this->registerJsFile(
'link',  
['position' => $this::POS_END, 'async'=>true, 'defer'=>true]);

or so

$this->registerJsFile(
'link',  
['position' => $this::POS_END, 'async'=>'async', 'defer'=>'defer']);

Answer 2

$this->registerJsFile('https://maps.googleapis.com/maps/api/js?key='.Yii::$app->params['google']['map_api_key'].'&callback=initMap',  [
    'position' => $this::POS_END,
    'async' => 'async',
    'defer' => 'defer'
]);