在 Angular-UI 模式中显示谷歌地图?

2024-04-26

尝试在 Angular-UI 模式中加载简单的谷歌地图。然而没有运气。数据传递得很好,但在地图方面没有任何作用......请帮忙。

$modalInstance.opened.then(function() {

var mapOptions = {
  center: new google.maps.LatLng(34.834442, -82.3686479),
  zoom: 8
};

  new google.maps.Map(document.getElementById("eventMap"), mapOptions);
});

在模态 html 中:

<div class="row clearfix">
  <div class="col-md-5" id="eventMap" style="display: block; height: 150px;"></div>
</div>

我在常规页面 HTML 中尝试了这个,效果很好......

我缺少什么? 先感谢您!


您可以使用AngularJS-谷歌地图 https://github.com/allenhwkim/angularjs-google-maps;用于 Google 地图的 AngularJS 指令非常灵活、强大且易于使用。我已经为您的案例准备了一个工作演示:

http://plnkr.co/edit/eEtaGH?p=preview http://plnkr.co/edit/eEtaGH?p=preview

我希望这有帮助。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 Angular-UI 模式中显示谷歌地图? 的相关文章

随机推荐