Categories

有特色的模板

JS动画疑难解答. 谷歌地图不显示(API关键问题)

丹尼尔·莫拉莱斯 2016年7月13日
Rating: 5.0/5. 来自2票.
请稍等...

本教程将向您展示如何处理JS动画模板中的“此页面无法显示谷歌地图元素”错误.

谷歌宣布了谷歌地图api的一些变化 认证和使用限制.

使用谷歌地图 api现在需要一个密钥. 如果您正在使用 谷歌地图 API on localhost or your domain 在2016年6月22日之前没有激活,它将需要一个密钥向前推进. 这就是发生这种错误的原因.

JS_Animated_Troubleshooter_Google_maps_do_not_show_up_0

要解决此问题,请遵循以下步骤:

  1. Go to http://developers.google.com/maps/documentation/javascript/get-api-key website 并通过单击创建身份验证密钥 “拿钥匙” button;

    JS_Animated_Troubleshooter_Google_maps_do_not_show_up_1
  2. Select the “创建一个项目” 选项,然后点击 ‘Continue’;

    JS_Animated_Troubleshooter_Google_maps_do_not_show_up_2
  3. 指定所需的凭据: Name, Website URL 然后点击 ‘Create’ button;

    JS_Animated_Troubleshooter_Google_maps_do_not_show_up_3
  4. 复制你的新 API Key:

    JS_Animated_Troubleshooter_Google_maps_do_not_show_up_4
  5. Open the /js/script.js文件在你的服务器上;

  6. 定位谷歌地图 script,它通常看起来像下面这行:

    $.getScript(“/ /地图.google.com/maps/api/js?传感器= false&库=几何,地方&v=3.7"
  7. 控件的末尾添加以下行 script:

    &关键= API_KEY

    Here API_KEY 你的新作品 API key. 结果应该如下:

    $.getScript(“/ /地图.google.com/maps/api/js?传感器= false&库=几何,地方&v=3.7&关键= AIzaSyDLCIQpVKxu47BRLu8tMtG70pk_Zro3_44”
  8. 刷新你的 website. 谷歌地图现在工作正常.

    JS_Animated_Troubleshooter_Google_maps_do_not_show_up_5
这个条目被张贴了出来 JS动画教程 and tagged api, JS动画, map, 故障诊断程序. 书签的 permalink.

提交罚单

如果您仍然无法找到关于您的问题的足够的教程,请使用以下链接向我们的技术支持团队提交请求. 我们将在接下来的24小时内为您提供我们的帮助和协助: 提交罚单