Skip to content

How to include google map url in custom checkout component js file in Magento 2?

I created a google map popup in checkout page. I want to load the google map script url.

currently i am doing like this in my google-map-loader.js

define([
...
'https://maps.googleapis.com/maps/api/js?key=MY-API-KEY&libraries=places&z=18'
], function (
.......
google
) {
'use strict';

return Component.extend({
    defaults: {
        template: 'Ayakil_GoogleMapAddressLookup/googlemaplink',
    },
---my other codes going here

entire functionality is working fine with me in this way. But i want to get the API Key from modules system configuration section and load it here?

How can i achieve this?