Javascript 在Ionic框架中添加Google地图

我使用的是离子框架。其中我有脚本标签中的html模板。我无法通过javascript在模板中加载google地图

<script id="templates/facts.html" type="text/ng-template">
    <ion-view view-title="Facts">
        <ion-content padding="true">
            <div id="googleMap" style="width:100%; height:100%"></div>
        </ion-content>
    </ion-view>
</script>

---

我也尝试过使用内嵌脚本标签加载地图，但这对我也不起作用

不建议您在应用程序中使用谷歌地图。你用这种方式工作会很困难。由于爱奥尼亚是一个单页应用程序，无论您是否显示谷歌地图，谷歌地图都会被加载

最好的方法是使用

在页面的根目录中执行

bower安装谷歌地图

负载相关性

加载谷歌地图脚本

最后，插入指令：

angular.module('myApplicationModule', ['uiGmapgoogle-maps']).config(
    ['uiGmapGoogleMapApiProvider', function(GoogleMapApiProviders) {
        GoogleMapApiProvider.configure({
            china: true
        });
    }]
);

---

祝你好运

在该代码中，您根本没有加载mapsapi。如果要异步加载API，请遵循以下步骤。如果您想用

标记加载它，请按照。如果仍然不起作用，发布一个完整的测试页面（不仅仅是摘录）。另外，您知道如何使用JavaScript调试器吗？这是一个例子。我已经尝试了所有这些链接。

angular.module('myApplicationModule', ['uiGmapgoogle-maps']).config(
    ['uiGmapGoogleMapApiProvider', function(GoogleMapApiProviders) {
        GoogleMapApiProvider.configure({
            china: true
        });
    }]
);