使用Bokeh绘制Google Maps时加载失败问题求助

使用Bokeh绘制Google Maps时出现错误提示：“Oops! Something went wrong.This page didn’t load Google Maps correctly. See the JavaScript console for technical details.”，已使用最新Google Map API，相关代码如下：

from bokeh.io import output_file, show
from bokeh.models import ColumnDataSource, GMapOptions
from bokeh.plotting import gmap
output_file("gmap.html")
map_options = GMapOptions(lat=30.2861, lng=-97.7394, map_type="roadmap", zoom=11)
p = gmap("AIzaSyCEjCcXedjs80NSWbsU2WdURkK7ncG8rYo", map_options, title="Austin")

source = ColumnDataSource(
    data=dict(lat=[ 30.29,  30.20,  30.29],
              lon=[-97.70, -97.74, -97.78])
)
p.circle(x="lon", y="lat", size=15, fill_color="blue", fill_alpha=0.8, source=source)
show(p)

排查方向及解决方法： #

• 确认API密钥权限：登录Google Cloud控制台，检查你的API密钥是否启用了「Maps JavaScript API」；如果设置了IP/域名限制，本地测试时可暂时移除限制，或者把本地IP加入白名单。
• 验证API密钥有效性：通过Google提供的API测试工具直接调用接口，确认密钥能正常返回地图服务数据。
• 升级Bokeh版本：旧版Bokeh可能与新版Google Maps API存在兼容问题，执行命令pip install --upgrade bokeh升级到最新稳定版。
• 查看浏览器控制台详情：按F12打开浏览器开发者工具，切换到Console面板，里面会显示具体错误原因（比如密钥过期、请求超限、权限不足等），这是定位问题的关键依据。

内容的提问来源于stack exchange，提问作者Yuxin Chen