javascript - 在 angular-ui 模式中显示谷歌地图？

Question

尝试在 angular-ui 模式中加载简单的谷歌地图。但是没有运气。数据顺利通过，但在 map 方面没有任何效果...请帮忙。

$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 中试过这个并且工作正常...

我错过了什么？提前致谢!

Answer 1

您可以使用 angularjs-google-maps ;一个用于 Google map 的 AngularJS 指令，非常灵活、强大且易于使用。我已经为您的案例准备了一个工作演示:

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

希望对您有所帮助。