用户单击Django中的链接后重新加载googlemaps

Question

我正在Django做一个项目，我想在我的网站上显示一些谷歌地图。所以，我安装了django-easy-maps并在示例模板中成功使用了它。所以，我准备好了我的地图。 我想实现的接口就是这个

http://i49.tinypic.com/sowm74.png

我想显示Hellow World的地图！容器是和侧边栏上的不同链接我想刷新用户点击时显示的地图而不重新加载页面。 我做了一些研究，似乎Ajax是解决方案...... 任何人都可以告诉我如何实现这一点（有或没有Ajax）？ 抱歉听起来像菜鸟，但我对此很新。

Answer 1

基本步骤是：

• 在右侧为Google地图部分创建一个视图。此视图不会返回完整的HTML页面，只返回该部分的HTML（包含您的Google地图地图）。
• 当用户点击左侧的链接时，使用JavaScript执行ajax调用以请求该页面。简而言之，这意味着：将事件处理程序附加到这些链接的onclick事件，并在代码中执行ajax调用。许多人为此目的使用JavaScript库，例如jQuery（其中包含$.ajax()）。
• 然后，您可以使用JavaScript将收到的HTML放在右侧的容器中（使用$.html()）。