小编Abh*_*mar的帖子

IONIC:点击事件花点时间从Google Places api中选择地点

我是IONIC的新手.我想在我的离子应用程序中使用google places api.我可以通过Google Places api获取这些地方.但问题是我必须长按应用程序中的自动完成选项,否则选择不会反映在应用程序中.

这是我的Html代码.

<script src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=places"></script>    
<input id="pac-input" class="controls" type="text" placeholder="Search Box" data-tap-disabled="true">
<div id="map" data-tap-disabled="true"></div>
Run Code Online (Sandbox Code Playgroud)

这是我的MapController.js

     .controller('MapCtrl', function($scope, $rootScope, $state, $cordovaGeolocation, $ionicLoading, Markers, $ionicPopup, $location, SearchAll, shareData, constants) {        
initAutocomplete();

        function initAutocomplete() {
          console.log("in Map Autocomplete");
            var map = new google.maps.Map(document.getElementById('map'), {
                center: { lat: 19.075984, lng: 72.877656 },
                zoom: 13,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            });

            // Create the search box and link it to the UI element.
            var input = document.getElementById('pac-input');
            var searchBox = new google.maps.places.SearchBox(input);
            // map.controls[google.maps.ControlPosition.TOP_LEFT].push(input); …
Run Code Online (Sandbox Code Playgroud)

javascript onclick google-maps-api-3 hybrid-mobile-app ionic-framework

4
推荐指数
1
解决办法
1206
查看次数