基于keplergl的可视化 用pycharm生成的网址打不开keplergl

基于keplergl的可视化
用pycharm生成的网址打不开keplergl

from keplergl import KeplerGl
map_1 = KeplerGl()
map_1

【以下回答由 GPT 生成】

首先,我们需要确认是否正确安装了keplergl库。可以通过运行以下命令来安装keplergl库:

pip install keplergl

接下来,我们需要确认是否按照正确的方式将地图展示在网页上。在PyCharm中,可以使用Flask来创建一个简单的web应用程序来展示地图。

首先,创建一个名为app.py的Python文件,并写入以下代码:

from flask import Flask, render_template
from keplergl import KeplerGl

app = Flask(__name__)

@app.route("/")
def index():
    return render_template("index.html")

if __name__ == "__main__":
    app.run()

然后,创建一个名为templates的文件夹,并在其中创建一个名为index.html的文件。在index.html中,可以使用以下代码来展示地图:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>KeplerGL Map</title>
    <style>
        body {
            margin: 0;
            padding: 0;
        }

        #map {
            width: 100%;
            height: 100vh;
        }
    </style>
</head>
<body>
<div id="map"></div>

<script>
    // 创建地图实例
    const map = new keplergl.KeplerGl("map", {
        // 可视化配置
        config: {
            version: "v1",
            config: {
                mapState: {
                    latitude: 0,
                    longitude: 0,
                    zoom: 1
                },
                "visState": {
                    "filters": [],
                    "layers": [],
                    "interactionConfig": {
                        "tooltip": {
                            "fieldsToShow": {
                                "表名": []
                            },
                            "enabled": true
                        },
                        "brush": {
                            "size": 0.5,
                            "enabled": false
                        }
                    },
                    "layerBlending": "normal",
                    "splitMaps": [],
                    "animationConfig": {
                        "currentTime": null,
                        "speed": 1
                    }
                },
                "mapStyle": {
                    "styleType": "dark",
                    "topLayerGroups": {},
                    "visibleLayerGroups": {
                        "label": true,
                        "road": True,
                        "border": False,
                        "building": True,
                        "water": True,
                        "land": True
                    },
                    "threeDBuildingColor": [
                        9.665468314072013,
                        17.18305478057247,
                        31.1442867897876
                    ],
                    "mapStyles": {}
                }
            }
        }
    });

    // 添加数据
    map.addGeojson(data, {
        strokeColor: [255, 0, 0],
        fillColor: [255, 0, 0],
        fillOpacity: 0.5,
        lineWidth: 2
    });
</script>
</body>
</html>

接下来,运行app.py文件,并在浏览器中访问 http://localhost:5000 即可看到地图的可视化效果。

请注意,上述代码中的data变量是一个包含地理数据的GeoJSON对象,您需要将其替换为您自己的数据。

如果您的问题仍未解决,请确保您的PyCharm和浏览器的兼容性,并尝试更新相关的库版本。如果问题仍然存在,请尝试与PyCharm的技术支持或keplergl库的作者寻求帮助。


如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^