Angularjs ng映射和放置自动完成未在模式下工作

我正在使用ng map指令，并将自动完成API放在我的angularjs应用程序中。这些都很好用。 但问题是，我需要在引导模式中使用相同的代码，当我在引导模式中使用相同的代码时，无论是ng映射还是位置自动完成都无法工作。 如果我遗漏了什么，建议我。 仅当我使用angular的ng map指令时，问题才会出现。使用javascript，一切都很好，但我不想编写大量代码。我只想用ng地图。 这是我的标记

<ng-map zoom="8">
<marker visible="true" centered="true" position="current-location" title="You are Here" draggable="true"></marker>
<marker visible="true" centered="true" position="{{vm.place.formatted_address}}" title="You are looking for this" draggable="true"></marker>
<marker ng-repeat="c in vm.cities" position="{{c.pos}}" title="{{c.name}}" id="{{c.id}}" on-click="vm.showCity(event, c)"></marker>
 <directions
        draggable="false"
        travel-mode="DRIVING"
        panel="p3"
        origin="jaipur"
        destination="Delhi">
      </directions>
  </ng-map>

看我的

---

对于整个代码

由于映射以引导模式显示，一旦打开模式对话框，映射需要显式初始化，如下所示：

 $('#myModal').on('show.bs.modal', function(e) {
        $timeout(function() {
            google.maps.event.trigger(vm.dialogMap, 'resize');
            vm.dialogMap.setCenter(vm.mapSettings.center);
            vm.dialogMap.setZoom(vm.mapSettings.zoom);
        });
 }); 

'show.bs.modal'

事件在打开模式后触发

另一方面，不幸的是，目前包含一个，如果在一个页面中添加多个地图实例（在您的示例中有两个地图实例），则无法打印路由
在下面的示例中，提供了一种变通方法

工作示例

以下内容演示了如何：

• 在模式对话框中正确显示地图
• 在多个地图实例中打印路线

添加样式 .pac容器{z-index:10000！重要；}

从那里开始

这里有一个plnkr作为您的工作示例

---

你解决了我一半的问题。搜索自动完成仍不在模式下工作。