django - 用户单击 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()）。