在form.io app

Question

我正在开发我的第一个Form.io应用程序，根据我在各种演示中看到的演示，当您使用地址字段时，将在查看表单时显示该地址的Google地图。根据{{​​3}}，我需要将以下代码添加到index.html中的标头：

 <script src="https://maps.google.com/maps/api/js"></script> 

但是，我在控制台中收到此错误：

Google Maps API warning: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys

form.io app中是否有地方可以/需要输入API密钥值？

感谢。

Answer 1

可以在主存储库中找到的src / index.html文件中输入API密钥。你可以在

看到它

https://github.com/formio/formio-app-servicetracker/blob/master/src/index.html

替换

<script src="https://maps.google.com/maps/api/js"></script>

与

<script src="https://maps.google.com/maps/api/js?key=YOUR_API_KEY"></script>

您可以在https://developers.google.com/maps/documentation/javascript/get-api-key

找到有关获取Google地图密钥的更多信息

Answer 2

您是手动在您的网站上附加地图脚本，还是使用插件？你能在这里发送你的网站网址吗？无论如何，这里是如何附加API密钥：让我们假设您有以下代码

<script async defer src="//maps.googleapis.com/maps/api/js" type="text/javascript"></script>

要附加apy密钥，您必须在src路径的末尾添加？key = YOUR_API_KEY，如下所示：

<script async defer src="//maps.googleapis.com/maps/api/js?key=YOUR_API_KEY" type="text/javascript"></script>

相反，如果您的src路径已经有一些附加参数（例如，＆＃34; //maps.googleapis.com/maps/api/js?v=3.exp&sensor=false＆＃34;），则只需在最后添加&key=YOUR_API_KEY：＆＃34; //maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&key=YOUR_API_KEY＆＃34;这是您附加API参数的方式（显然，将YOUR_API_KEY替换为您的API密钥代码）。

有关google maps key的更多信息，请访问

https://developers.google.com/maps/documentation/javascript/get-api-key

您的API密钥应在5分钟内启动并运行。享受！