angularjs google places автозаполнение не работает локально

Я хочу использовать angularjs google places autocomplete в моем местном приложении. Код работает при попытке в plunker, но когда тот же код скопирован в локальное приложение, он бросает ошибки. Working code demo here.angularjs google places автозаполнение не работает локально

HTML код:

<body ng-app="myApp" ng-controller="MainController"> 
    <h1>Hello, World!</h1> 
    <input type="text" ng-model="search" my-autocomplete> 
    <p>Search: {{search}}</p> 

    <script src="http://maps.googleapis.com/maps/api/js?libraries=places&amp;sensor=false"></script> 
    <script data-require="[email protected]" data-semver="1.3.0-rc2" src="https://code.angularjs.org/1.3.0-rc.2/angular.js"></script> 
    <script src="script.js"></script> 
    </body>

script.js

angular.module('myApp', []) 
.controller('MainController', function($scope) { 
}) 
.directive('myAutocomplete', function($log) { 
    return { 
    restrict: 'A', 
    require: '?ngModel', 
    link: function(scope, element, attrs, ngModel) { 
     var autocomplete = new google.maps.places.Autocomplete(element[0]); 
     google.maps.event.addListener(autocomplete, 'place_changed', function() { 
     var address = element.prop('value') 
     ngModel.$setViewValue(address); 
     }); 
    } 
    }; 
});

Ниже приведены сообщения об ошибках, показанные при судимым в моем местном применении:

Google Maps API error: MissingKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#missing-key-map-error 
_.kb @ js:34 
maps.googleapis.com/maps-api-v3/api/js/27/12/util.js:210 Google Maps API warning: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys 
iB.j @ maps.googleapis.com/maps-api-v3/api/js/27/12/util.js:210 
maps.googleapis.com/maps-api-v3/api/js/27/12/util.js:210 Google Maps API warning: SensorNotRequired https://developers.google.com/maps/documentation/javascript/error-messages#sensor-not-required

Любые предложения будут полезно для устранения этой ошибки. Ниже приведен снимок экрана. страницу при запуске локально.

источник

2017-02-07 joan

Сценарий элемент, который загружает API отсутствует необходимый параметр аутентификации. Если вы используете стандартный API JavaScript для Карт, вы должны использовать ключевой параметр с действующим ключом API. В основном вам нужно передать ключ. Пожалуйста, обратитесь к документации Api. api link

источник

2017-02-07 18:56:12

Есть ли способ без генерации ключа, я могу заставить его работать, так как демонстрация, которую я показал здесь: http://embed.plnkr.co/ IHj6SlyVyxNJEVtzQWUt/работает. Есть ли какой-либо другой API-интерфейс angularjs для достижения этой функциональности. – joan

angularjs google places автозаполнение не работает локально

ответ

Смежные вопросы