可以从JS函数调用GoogleMapsJavaScriptAPI并在ion内容上显示它吗？

我已经创建了我的Google Maps API代码片段，该代码片段在框中显示地图：

var映射；
函数initMap（）{
变量映射中心={
拉丁美洲：50，
液化天然气：50
};
map=new google.maps.map（document.getElementById（'map'）{
缩放：15，
中心：地图中心，
disableDefaultUI:true
});
map.setOptions({
minZoom:5，
最大缩放：20
});
};

.盒子{
宽度：300px；
高度：300px；
边框：5px实心；
保证金：自动；
}
}
我已经完成了，请尝试在代码中复制它，最后需要调用createMap（）

这里有一个可用的应用程序，你可以参考它，但它是为必应



private loadPromise:Promise；
私有加载（）：承诺{
如果（这是我的承诺）{
返还此项承诺；
}
const script=document.createElement（'script'）；
script.type='text/javascript'；
script.async=true；
script.defer=true；
常量mapscalback='initMap'；
script.src=`https://maps.googleapis.com/maps/api/js?key=&callback=initMap`;
this.loadPromise=新承诺<
无效>
（（解析：函数，拒绝：函数）=>{
窗口[MapScalBack]=（）=>{
这个.LoadableMarker（）。然后（（）=>{
解决（）；
});
};
script.onerror=（错误：事件）=>{
console.error（'映射脚本错误'+错误）；
拒绝（错误）；
};
});
document.body.appendChild（脚本）；
返还此项承诺；
}
createMap（元素：HtmleElement，选项）：Promise{
返回此.load（）。然后（（）=>{
返回新的google.maps.Map（document.getElementById（'Map'）{
缩放：15，
中心：地图中心，
disableDefaultUI:true
});
});
}
能否检查initMap（）是否直接在您的全局范围内可用。GoogleMap在dom中加载回调后调用回调。我也会检查google服务是否加载了not@Rohit.007为了测试我的JS函数是否可以改变离子上下文，我创建了另一个函数（initMap（）旁边），该函数能够在按下按钮时用文本替换照片。你能通过stackbliz共享你的代码吗？这是使用Ionic cordova的TypeScripts的JS代码