如何在magento 2中添加谷歌地图作为ui组件

Question

我需要显示一个来自数据库的坐标字段，当前正在显示它作为这样的输入：

我需要将它显示为这样的地图：

我用google搜索了很多关于如何使用requireJS加载地图的答案，但非正在使用Magento 2.1 ..

目前正处于这个阶段：

requirejs.config({
    paths: {
        googlemaps: 'googlemaps',
        async: 'requirejs-plugins/src/async'
    },
  googlemaps: {
    params: {
      key: 'xxxxxxxxxxxxxx'
    }
  }
});

define([
  'Magento_Ui/js/form/element/abstract',
  'jquery',
  'googlemaps!'
],function(Abstract,$,gmaps) {
    return Abstract.extend({

        initialize: function () {
            return this._super();
        },

        initMap: function() {
          console.log(this.value());
          console.log("-------------");
          var uluru = {lat: -25.363, lng: 131.044};
          var map = new google.maps.Map(document.getElementById('map'), {
            zoom: 4,
            center: uluru
          });
          var marker = new google.maps.Marker({
            position: uluru,
            map: map
          });
        },

    });
});

现在，问题是如何在加载页面后调用initMap函数？

帮助pleaaaaase