Ionic 1模式中的Google Map自动完成

时间:2018-07-03 02:22:12

标签: angularjs google-maps ionic-v1

我正在Ionic 1 Modal中实现Google地图自动完成功能。

模式HTML代码:

<style type="text/css">
.pac-container {
z-index: 3000 !important;
}

.modal-open {
 pointer-events: auto !important;
}
 </style>
<ion-modal-view>
  <ion-header-bar>
  </ion-header-bar>
  <ion-content class="feed-content" scroll="true">
  <input type="text" id="location" name="location" placeholder="City 
   or ZIP code">
  </ion-content>
  </ion-modal-view>

我的控制器代码:

    $ionicModal.fromTemplateUrl('templates/ride/googleplace.html', {
        scope: $scope,
        animation: 'slide-in-up'
    }).then(function(modal) {
        $scope.modalGooglePlace = modal;
        // $scope.modal.show();
    });
    $scope.openGooglePlace = function() {
        console.log("Modal");
        /*prepare modal*/
        $scope.modalGooglePlace.show();
        var input = document.getElementById('location');
        autocomplete = new google.maps.places.Autocomplete(input, 
        options);
    }

我面临的问题是,在开始在输入字段中输入内容后,列表会出现,但是当我尝试通过仅单击该列表来选择位置时,列表将关闭,并且输入中没有任何显示。 谁能帮助我解决这个问题。

0 个答案:

没有答案