如何在flask/django中显示谷歌地图?



关于它没有太多可说的,除了没有任何形式的文档来提供最不可能理解的方法。谷歌的文档只包含足够好的JS片段,如果我知道如何在flask, django或任何python web框架中使用它们。

使用Flask和Django,你最后会生成HTML页面,而从Flask中你只需要返回一些带有你需要的参数的HTML。

Google地图嵌入API使用iframe,所以你可以像这样在你的页面上显示地图:

<iframe
width="600"
height="450"
style="border:0"
loading="lazy"
allowfullscreen
referrerpolicy="no-referrer-when-downgrade"
src="https://www.google.com/maps/embed/v1/place?key=API_KEY
&q=Space+Needle,Seattle+WA">
</iframe>

"你可以将地图嵌入API的URL设置为iframe的src属性"表示在https://developers.google.com/maps/documentation/embed/get-started

中的文档在你的Flask或Django视图中,你可以有你想要的地图位置的地理坐标,gmaps已经有一个很好的API了。

对于从代码中添加标记,热图等,Maps客户端JS api可以工作,因此您可以在客户端上这样做,但可以从Python后端获取前端JS代码的数据。我有一个简单的旧gmaps应用程序,仅是浏览器端JS,从JSON中读取标记数据,在https://github.com/playsign/insideoulu/blob/master/map.js

flask只需要

Jinja
Flask
A google api key 

在你的项目中使用依赖管理器,然后像这样pip安装

pip install flask-googlemaps

关于如何使用,请查看他们的文档,非常简单。

最新更新