使用MapSVG插件创建自定义地图

您将要创造的

如果您像我一样，那么多年来，您一直在使用Google Maps将地图添加到WordPress网站中，但是有时由于缺少自定义选项而感到有些沮丧。

在本教程中，我将向您展示如何使用替代方法- 一个名为MapSVG的WordPress插件，该插件可让您将交互式地图添加到您的站点 。 然后，您可以使用颜色，占位符和弹出窗口来自定义地图，并让用户搜索它们。

我将引导您逐步了解如何使用该插件设置地图，如何对其进行自定义以及如何将其添加到网站的页面中。

您需要什么

要遵循本教程，您需要：

• WordPress的安装
• 已安装并激活了MapSVG插件
• 您的数据-您想在地图上绘制的位置（您不需要地图参考或坐标，因为该插件会为您提供帮助）

您可以创建世界上任何地方的地图，但是对于本教程，我将创建英国的地图，因为这就是我的所在地，并在此处标记我最喜欢的度假地点。 谁知道，我可能会启发你！

链接到Google Maps API

您需要做的第一件事是连接到Google Maps API，以便该插件可以为您的每个位置添加标记。

要获取API密钥，请转到Google开发者控制台并按照其中的说明进行操作。 我不会详细介绍它们，因为Google会逐步指导您执行这些步骤，并且在您阅读本文时它们可能会更改。

您需要在Google API控制面板（而不是网站管理员的插件屏幕）中启用以下功能：

• Maps API
• 地理编码API
• Places API
• 将限制设置为“无”

完成此操作后，复制您的Google API密钥并返回您的站点。 在MapSVG主屏幕上，选择Google API按钮。 粘贴您的API密钥并保存。

现在您可以创建地图了。

创建地图

要创建地图，请点击管理菜单中的MapSVG链接，然后点击屏幕左上方的New SVG Map 。 从这里，您可以从与插件捆绑在一起的SVG映射列表中进行选择。 开始输入您想要地图所在国家/地区的名称，该插件将自动为您填充。