跳到主要内容

您是否要在必应WordPress网站上嵌入必应地图?如果您正在寻找Google Maps的替代品,那么Bing Maps是您的最佳选择。

与Google Maps类似,您可以使用Bing Maps在WordPress网站上显示路线,路况,路线和导航说明。由于它归微软所有,因此它是一款功能强大的地图应用程序,包含大量有用数据。

在本文中,我们将逐步向您展示如何在WordPress中轻松嵌入Bing Maps。

如何在wordpress中嵌入必应地图
如何在wordpress中嵌入必应地图

在WordPress中添加必应地图(无需插件)

您需要做的第一件事是访问Bing Maps网站并搜索要嵌入的位置或地图。

找到位置后,单击带有三点图标的“更多”选项,然后选择“嵌入地图”选项。

在wordpress中添加必应地图
在wordpress中添加必应地图

之后,它将打开一个新选项卡,您可以在其中自定义地图以嵌入到您的网站中。

在wordpress中添加必应地图(无需插件)
在wordpress中添加必应地图(无需插件)

您可以选择地图大小,地图类型(静态或可拖动地图),地图样式(道路或空中)和地图链接。查看自定义选项,然后单击“生成代码”。

之后,它将为您提供一个代码段。继续并复制代码,因为下一步将需要它。

现在,切换回您的WordPress网站并创建一个新页面或编辑要在其中添加地图的现有页面。

在页面编辑屏幕上,单击“添加新块”图标,然后选择“自定义HTML”块。

之后,将您之前复制的Bing Map嵌入代码粘贴到HTML字段中。

现在,您可以保存或发布页面,然后单击“预览”按钮以查看页面中嵌入的地图。这是Bing地图在我们的演示网站上的显示方式。

使用插件添加必应地图

如果您只需要在网站上嵌入一张地图,那么上面显示的手动方法是最佳选择。

但是,如果您在一个经常需要添加地图的网站上运行,那么使用插件添加Bing地图会更容易。

您需要做的第一件事是安装并激活Supsystic插件创建的Ultimate Maps。有关详细说明,您可以查看有关如何安装WordPress插件的分步指南。

它是一个免费的WordPress地图插件,可让您将Bing地图,Leaflet地图和其他Google Maps替代品嵌入WordPress博客中。

要将此插件用于Bing地图,您将需要具有Bing Map API密钥。

只需在Bing Maps开发中心网站上创建一个帐户即可。如果您已经拥有Microsoft帐户,则只需使用帐户凭据登录即可。

登录帐户后,您需要点击“我的帐户”菜单,然后选择“我的密钥”选项。

在下一个屏幕上,您需要填写您的网站信息以创建密钥。

之后,您会在框中看到“密钥创建成功”消息和密钥详细信息。

您只需单击“复制密钥”链接或“显示密钥”链接,然后复制Bing Maps API密钥。

之后,您需要将密钥粘贴到插件设置中。

从信息中心访问Supsystic»设置的终极地图,然后选择“ Bing Microsoft”作为地图引擎。之后,将您先前复制的API密钥粘贴到Bing Maps API密钥字段中。

不要忘记保存您的插件设置。

之后,您需要通过访问Supsystic»标记类别»添加类别来访问终极地图来添加标记类别。

根据需要创建任意多个标记类别。

接下来,单击“添加地图”菜单以创建一个新地图。输入地图的名称,定义地图的宽度和高度,选择导航栏模式,等等。

您还可以配置选项以使地图可拖动,使用双击缩放等。最重要的是,输入要显示在地图中心的位置。

接下来,向下滚动并在下面配置更多选项。完成后,点击地图预览框下方的“保存地图”按钮。

之后,您可以添加标记以在地图上显示主要位置点。单击标记选项卡,然后为您的制造商添加一个名称。

您可以使用地点或组织的名称作为标记名称。

例如,我们使用“佛罗里达大学”作为标记名称,因为我们想在演示地图中显示佛罗里达州的一些最好的大学。

之后,您可以添加标记描述文本以及图像。

向下滚动并为新标记选择一个图标。接下来,您需要输入地址以指向标记。并且,还选择标记类别。

查看所有其他选项,然后单击“保存标记”按钮。

您可以按照相同的步骤添加更多标记。

添加标记时,可以在预览框中实时预览它们。对地图满意后,导航至顶部的“地图简码”选项,然后复制简码。

之后,创建一个新页面或编辑现有页面以嵌入新的Bing地图。

进入页面编辑器后,单击“添加新块”图标,然后在“小部件”部分下选择“简码”块。

现在,您需要粘贴之前复制的Bing地图简码。

完成后,保存或发布页面,并预览Bing地图在您网站上的外观。

这是嵌入的必应地图在我们的演示网站上的显示方式。

我们希望本文能帮助您学习如何将Bing Maps轻松嵌入WordPress。您可能还希望查看有关如何在WordPress博客文章中嵌入实际推文的指南。

回到顶部