在网站上嵌入传单地图

Embedding a Leaflet map on a website

将 Leaflet 地图嵌入网站的方法有哪些?

我浏览了其他提到 iframe 和 MapsMarker 等插件的帖子。

但是,什么是逐步完成的方法?

我的网站使用 Wordpress CMS。我可以直接在 WP 上托管我的 html/css/js 文件吗?我把它们放在哪里?或者,我需要在主机(Host Gator)的文件管理器上创建一个文件夹吗?

(我一直在 MAMP 中自托管来测试它,效果很好)。

感谢您的帮助。

所以,让我感到困惑的部分是 我应该把我的 html、css 和 js 文件放在哪里,以便它们可以提供到我的网页?

我最终在我的虚拟主机 (Host Gator) 的文件管理器中创建了一个文件夹,它使用该文件夹的名称创建了一个独特的网络地图页面。然后我将 link 与 iframe 结合使用,将其嵌入特定页面。

  1. 登录虚拟主机的控制面板并转到文件管理器。
  2. 在您网站的 public html 文件夹中创建一个父文件夹(例如,我们称它为 "test")。
  3. 按照您在本地主机上的方式组织父文件夹(即您可能将代码存储在其他文件夹中,如 'script'、'css' 或 'leaflet' 等)
  4. 上传所有代码文件并将它们放在适当的位置。

--这会在您的网站上创建一个新页面。现在,你可以去www.yoursite.com/test--

我将地图放到特定页面上的方法是使用 iframe 插件。

  • 对于 Wordpress,只需搜索名为 "iframe" 的插件,下载并激活它。
  • 然后,在您的页面中使用此短代码:<iframe src="http://yoursite.com/test/" width="1300"(adjust for yourself) height="540"(adjust for yourself)> </iframe>

而且你很好!

我尝试了 Leaflet Maps Marker 和 Leaflet Map 插件,但它们与我正在寻找的不匹配。