google地图过期，出现"此页面无法正确加载 Google 地图"问题修改

叁歲伎倆 2021-12-16 05:55 1266阅读 0赞

今天上午打开监控页面，出现此页面无法正确加载 Google 地图，

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnl1aHVhX2tleWJvYXJk_size_16_color_FFFFFF_t_70]  
查看日志，日志内容有：

You have exceeded your request quota for this API. See https://developers.google.com/maps/documentation/javascript/error-messages?utm_source=maps_js&utm_medium=degraded&utm_campaign=billing#api-key-and-billing-errors

存在问题：  
key过期，无法加载地图，需要修改key。

解决步骤：  
1、登录google地图的后台控制

https://console.cloud.google.com/google/maps-apis/overview?pli=1

2、找到对应的key，替换代码中的响应的key值

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnl1aHVhX2tleWJvYXJk_size_16_color_FFFFFF_t_70 1]  
3、替换好之后，就能恢复正常访问  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnl1aHVhX2tleWJvYXJk_size_16_color_FFFFFF_t_70 2]  
后来发现google地图在中国已经不提供服务了。中国是google地图的禁止访问区域。只能选择使用第三方，然后转接到google地图上。  
现在使用的第三方地图为：  
https://leafletjs.com/

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnl1aHVhX2tleWJvYXJk_size_16_color_FFFFFF_t_70]: /images/20211214/b76b26d903844d2a9a8905242e7539f4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnl1aHVhX2tleWJvYXJk_size_16_color_FFFFFF_t_70 1]: /images/20211214/522205cf274e4af9befa70fe638c41ce.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnl1aHVhX2tleWJvYXJk_size_16_color_FFFFFF_t_70 2]: /images/20211214/785f154e528a476d94b7de47a602a2b7.png