文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在模板中加载google-maps javascript？

问如何在模板中加载google-maps javascript？
EN

Stack Overflow用户

提问于 2015-10-30 20:37:33

回答 1查看 272关注 0票数 0

我正在使用google maps javascript api，并且只想在地图实际显示的页面上加载javascript文件。

当我在index.html中加载<script>中的地图时，一切正常。

<body>
    <div ng-view></div>

    <script>...</script>
</body>

但当我将脚本移动到要包含的模板时，它不起作用：

maps.html：

<div id="google-map">
    ...
</div>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js"></script>

控制器：

var gmap = new google.maps.Map(document.getElementById('google-map'), {
    center: location,
    zoom: 10
});

结果：Error: google.maps is undefined。

问:如何确保脚本只在所需的页面上加载，并且在controller中进行实例化之前加载？

google-maps

javascript

jquery

angularjs

回答 1

Stack Overflow用户

发布于 2015-10-30 21:31:18

需要添加脚本标签之前的div，希望这可能会工作

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js"></script>
<div id="google-map">
    ...
</div>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/33436164

复制

相似问题

问如何在模板中加载google-maps javascript？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在模板中加载google-maps javascript？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在模板中加载google-maps javascript？
EN