我是IONIC的新手.我想在我的离子应用程序中使用google places api.我可以通过Google Places api获取这些地方.但问题是我必须长按应用程序中的自动完成选项,否则选择不会反映在应用程序中.
这是我的Html代码.
<script src="http://maps.googleapis.com/maps/api/js?sensor=false&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