在Ionic 2 html文件

Question

我是Ionic 2开发和Web开发的新手，来自Swift的iOS应用程序。＆＃xA;现在我正在尝试按照Web教程构建一个包含静态Google地图的简单地图应用程序空白的Ionic 2项目页面中的元素。当我运行 ionic serve --lab 时，导航栏会正确加载页面标题，但屏幕显示为空白，并且控制台不会产生任何错误。

＆＃xA;＆＃xA;

据我了解，在HTML文件中包含以下两个＆lt; script＆gt; 元素（API密钥已编辑）以构建网站应该在指定的坐标处生成一个地图，但它确实如此不适用于Ionic 2项目：

＆＃xA;＆＃xA;

 ＆lt; script type =“text / javascript”src =“API_KEY”＆gt;＆lt; / script＆gt;＆＃ XA;＆LT;脚本＆GT;＆＃XA; var map;＆＃xA; function initialize（）{＆＃xA; var center = new google.maps.LatLng（46.878，-113.9966）;＆＃xA; map = new google.maps.Map（document.getElementById（'map'），{＆＃xA; center：center;＆＃xA; zoom：13＆＃xA;}）;＆＃xA; }＆＃XA; //这会监听地图加载...＆＃xA; //离子本机页面加载监听器= onPageLoaded（），所以如果这不起作用，你可以试试＆＃xA; google.maps.event.addDomListener（窗口，'加载'，初始化）;＆＃xA;＆lt; / script＆gt;＆＃xA;  

＆＃xA;＆＃xA;

什么我做错了吗？

＆＃xA;