Jupyter Notebook中使用KeplerGL添加地图样式时‘Add style’按钮无法点击求助

可行解决方案： #

1. 调整KeplerGL容器样式与高度 #

默认容器可能截断弹窗，通过自定义CSS和设置更大高度来适配：

from keplergl import KeplerGl
import IPython.display as display

# 初始化地图时设置更高的容器高度
map_instance = KeplerGl(height=850)

# 注入CSS确保弹窗完整显示且层级正确
display.display(display.HTML("""
<style>
.keplergl-container .modal {
    z-index: 9999 !important;
    position: relative !important;
    transform: none !important;
}
.keplergl-container .modal-dialog {
    max-width: 90%;
    margin: 20px auto;
}
</style>
"""))
display.display(map_instance)

2. 先通过HTML配置再导入回Notebook #

如果Notebook内交互始终异常，可绕开直接操作：

# 导出空白地图到HTML文件
map_instance.save_to_html(file_name='temp_kepler_map.html')

1. 在浏览器打开生成的temp_kepler_map.html，完成地图样式添加后，点击右上角Export -> Export Config导出JSON配置
2. 将配置内容复制到代码中重新初始化地图：

custom_config = {"version": "v1", ...}  # 替换为你的导出配置
new_map = KeplerGl(height=850, config=custom_config)
display.display(new_map)

3. 升级依赖版本 #

旧版本KeplerGL可能存在Notebook交互bug，执行升级命令：

pip install --upgrade keplergl ipython jupyter

4. 切换到JupyterLab #

经典Jupyter Notebook的渲染环境对KeplerGL弹窗支持有限，切换到JupyterLab可大概率解决这类交互问题。

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