• 注册
  • wordpress wordpress 关注:0 内容:141

    华为手机如何WordPress中导入Gaar怎么读夏商周中国古代地图

  • 查看作者
  • 打赏作者
  • 渡劫
    官方

    你想在你的WordPress网站上嵌入Bing舆图吗?若是您正在寻找Google舆图替换方案,那么Bing舆图是您的最佳选择。

    与Google舆图类似,您可以使用Bing舆图在WordPress网站上显示蹊径,路况,蹊径和导航说明。由于它归Microsoft所有,因此它是一个很棒的舆图应用法式,拥有大量有用的数据。

    在本文中,我们将向您展示怎样轻松地在BingPress中嵌入Bing舆图。

    在WordPress中添加Bing舆图(无需插件)

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

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

    华为手机如何WordPress中导入Gaar怎么读夏商周中国古代地图

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

    华为手机如何WordPress中导入Gaar怎么读夏商周中国古代地图

    您可以选择舆图巨细,舆图类型(静态或可拖动舆图),舆图样式(蹊径或天线)和舆图链接。审查自界说选项,然后单击“天生代码”。

    之后,它将为您提供代码段。继续并复制代码,由于您将在下一步中需要它。

    华为手机如何WordPress中导入Gaar怎么读夏商周中国古代地图

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

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

    华为手机如何WordPress中导入Gaar怎么读夏商周中国古代地图

    之后,粘贴之前在HTML字段中复制的Bing舆图嵌入代码。

    华为手机如何WordPress中导入Gaar怎么读夏商周中国古代地图

    您现在可以生涯或宣布页面,然后单击预览按钮以审查页面中嵌入的舆图。以下是Bing舆图在我们的演示网站上的显示方式。

    华为手机如何WordPress中导入Gaar怎么读夏商周中国古代地图

    使用插件添加Bing舆图

    若是您只需要在您的网站上嵌入一个舆图,那么上面显示的手动要领是最佳选择。

    可是,若是您运行的网站经常需要添加舆图,那么使用插件添加Bing舆图会更容易。

    您需要做的第一件事是安装并激活Supsystic插件的Ultimate Maps。

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

    要在Bing舆图中使用此插件,您需要拥有Bing 舆图API密钥。

    只需在Bing舆图开发职员中央网站上建设一个帐户即可若是您已拥有Microsoft帐户,则只需使用您的帐户凭证登录即可。

    华为手机如何WordPress中导入Gaar怎么读夏商周中国古代地图

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

    华为手机如何WordPress中导入Gaar怎么读夏商周中国古代地图

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

    华为手机如何WordPress中导入Gaar怎么读夏商周中国古代地图

    之后,您可以在框中看到“密钥建设乐成”新闻和密钥详细信息。

    华为手机如何WordPress中导入Gaar怎么读夏商周中国古代地图

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

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

    会见Supsystic的Ultimate Maps仪表板中的设置,然后选择“Bing Microsoft”作为舆图引擎。之后,粘贴您之前在Bing Maps API密钥字段中复制的API密钥。

    华为手机如何WordPress中导入Gaar怎么读夏商周中国古代地图

    不要遗忘生涯插件设置。

    之后,您需要通过Supsystic会见Ultimate Maps来添加标志种别标志种别添加种别

    华为手机如何WordPress中导入Gaar怎么读夏商周中国古代地图

    凭证需要建设尽可能多的标志种别。

    接下来,单击“添加舆图”菜单以建设新舆图。输入舆图的名称,界说舆图的宽度和高度,选择导航栏模式等。

    华为手机如何WordPress中导入Gaar怎么读夏商周中国古代地图

    您还可以设置选项以使舆图可拖动,使用双击缩放等。最主要的是,输入要在舆图中央显示的位置。

    接下来,向下转动并在下面设置更多选项。完成后,单击舆图预览框下方的“生涯舆图”按钮。

    之后,您可以添加标志以显示舆图中的主要位置点。单击“标志”选项卡,然后为您的制造商添加名称。

    华为手机如何WordPress中导入Gaar怎么读夏商周中国古代地图

    您可以使用所在或组织的名称作为标志名称。

    例如,我们使用“佛罗里达大学”作为标志名称,由于我们想在我们的演示舆图中展示佛罗里达州一些最好的大学。

    之后,您可以添加标志形貌文本以及图像。

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

    华为手机如何WordPress中导入Gaar怎么读夏商周中国古代地图

    审查所有其他选项,然后单击“生涯标志”按钮。

    您可以凭证相同的步骤添加更多标志。

    添加标志时,可以在预览框中实时预览标志。一旦您对舆图感应知足,请导航到顶部的“舆图短代码”选项,然后复制短代码。

    华为手机如何WordPress中导入Gaar怎么读夏商周中国古代地图

    之后,建设新页面或编辑现有页面以嵌入新的Bing舆图。

    进入页面编辑器后,单击Add New Block图标并选择Widgets部门下的Shortcode块。

    华为手机如何WordPress中导入Gaar怎么读夏商周中国古代地图

    现在您需要粘贴之前复制的Bing舆图短代码。

    华为手机如何WordPress中导入Gaar怎么读夏商周中国古代地图

    完成后,生涯或宣布您的页面,并预览Bing舆图在您网站上的显示方式。

    以下是嵌入式Bing舆图在我们的演示网站上的显示方式。

    华为手机如何WordPress中导入Gaar怎么读夏商周中国古代地图

    我们希望本文能资助您轻松学习怎样在BingPress中嵌入Bing 舆图

    请登录之后再进行评论

    登录

    WordPress后台-外观-小工具 进行配置小工具

    帖子间隔 侧栏位置: