我是铁轨开发人员的初级ruby。 我开发了一个使用谷歌地图JavaScript API的网络应用程序，我在表单输入上使用自动完成function。
自动完成在localhost上正常工作，但在heroku上部署后不再起作用。
这是我的html.erb。 为了获得完美的信息，表单位于页脚中。 此表单是部分隐藏的，唯一可见的部分对应于用于上传video文件的按钮。 单击此按钮并选择video文件后，我将显示包含表单其余部分的模式。 这就是显示’text_field_tag’（id =“user_input_autocomplete_address”）并且自动完成应该在哪里工作的地方。
页脚（收集模态和表单）在layouts / application.html.erb视图中调用，如下所示。 您会看到我在那里使用Google API密钥（隐藏在application.yml中）
最后，允许输入自动完成的javascript代码（将“user_input_autocomplete_address”作为id）位于assets / javascript / autocomplete.js中，如下所示：
function initializeAutocomplete(id) { var element = document.getElementById(id); console.log('coucou'); if (element) { var autocomplete = new google.maps.places.Autocomplete(element, { types: ['geocode', 'establishment'] }); google.maps.event.addListener(autocomplete, 'place_changed', onPlaceChanged); } } function onPlaceChanged() { var place = this.getPlace(); console.log(place); // Uncomment this line to view the full object returned by Google API. for (var i in place.address_components) { var component = place.address_components[i]; // console.log(component.types); for (var j in component.types) { // Some types are ["country", "political"] var type_element = document.getElementById(component.types[j]); // Returns the div with their differents ids or null if the id doesnt exist // console.log(document.getElementById(component.types[j])); if (type_element) { type_element.value = component.long_name; } } } var formatted_address = document.getElementById('formatted_address'); // console.log(international_phone_number); if (formatted_address) { formatted_address.value = place.formatted_address; } for (var i in place.types) { // console.log(place.types); // console.log(i); // console.log(place.types[i]); var type_content = document.getElementById('category_' + i); // Returns the div with their differents ids or null if the id doesnt exist // console.log(document.getElementById(component.types[j])); if (type_content) { console.log(place.types[i]); type_content.value = place.types[i]; } } var international_phone_number = document.getElementById('phone_number'); // console.log(international_phone_number); if (international_phone_number) { international_phone_number.value = place.international_phone_number; } var name = document.getElementById('name'); if (name) { name.value = place.name; } var gplace_id = document.getElementById('gplace_id'); if (gplace_id) { gplace_id.value = place.place_id; } var website = document.getElementById('website'); if (website) { website.value = place.website; } for (var i in place.opening_hours.weekday_text) { var hours_open_in_db = place.opening_hours.weekday_text[i]; var hours_open_in_form = document.getElementById('hours_open_day_' + i); if (hours_open_in_form) { hours_open_in_form.value = hours_open_in_db; } } } google.maps.event.addDomListener(window, 'load', function() { initializeAutocomplete('user_input_autocomplete_address'); });
为了在heroku上部署所有这些，我已经做了以下事情：
/**/_xdc_._ty4oqn && _xdc_._ty4oqn( [3,null,null,"This API project is not authorized to use this API. Please ensure that this API is activated in the APIs Console: https://console.developers.google.com/apis/library?project=_ Please ensure this API is activated in the Google Developers Console: https://console.developers.google.com/apis/api/places_backend?project=_ For more information on authentication and Google Maps Javascript API services please see: https://developers.google.com/maps/documentation/javascript/get-api-key"] )
我按照错误消息中的链接，将我引导到Google的控制台，然后回到我的项目和API密钥，这些密钥在服务器端和浏览器端都已确定。 再一次，我在Google的控制台中唯一没办法做的就是certificate我拥有自己的域名。
最后一点是问题的根源（在这种情况下，我想我需要托管服务的帮助）或者你们看到另一个错误吗？
我也有同样的问题。 只需转到谷歌控制台，启用“谷歌地方API Web服务”，然后它将解决问题。
在Google API控制台上启用“Google Places API Web服务”。 它解决了我的问题，当网站在localhost上工作，但不在Locaweb服务器。