在网站上嵌入传单地图

Question

将宣传单地图嵌入某个网站有哪些方法？

我已经探讨了其他提及iframe的帖子，以及像MapsMarker这样的插件。

但是，这是一步一步的做法是什么？

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

（我在MAMP中自我托管以测试它，效果很好）。

我很感激帮助。

Answer 1

所以，令我困惑的部分是我在哪里放置我的html，css和js文件，以便将它们提供给我的网页？

我最终在我的网络主机（Host Gator）的文件管理器中创建了一个文件夹，该文件夹创建了一个带有文件夹名称的webmap的唯一页面。然后我将该链接与iframe一起嵌入到特定页面中。

1. 登录Web主机的控制面板，然后转到文件管理器。
2. 在您网站的公共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插件，但这些插件与我想要的完全不符。