Google地图添加位置标记 Google Maps添加标记

您所在的位置:网站首页 怎么在地图上设置地标图片 Google地图添加位置标记 Google Maps添加标记

Google地图添加位置标记 Google Maps添加标记

2024-01-29 11:57| 来源: 网络整理| 查看: 265

Google Maps 添加企业位置标记教程 2021-02-26 WPPOP.com 建站教程 暂无评论 2,914 在谷歌地图上添加位置标记在谷歌地图上添加位置标记

对于WordPress外贸建站用户来说,往往都需要在网站上添加企业位置信息,并通过使用Google Maps在线地图来直观展示给客户。如此,不但可以增加企业真实性印象,而且还能帮助客户更好地获取企业位置信息,便于快捷联系。

但是,如果您的企业位置过于细化和精准时,可能在Google Maps在线地图上无法精准地获取定位,以致不能准确地把企业位置展示在外贸网站上。这时,我们就需要使用Google地图提供的自定义位置的方法来实现了。

我们可以根据实际企业位置信息,在Google Maps在线地图中添加自定义位置标记,并引用到自己的外贸网站上,展示给客户浏览。以下就是WPPOP提供的详细Google Maps 添加企业位置标记教程。

1. 访问Goog​​le Maps官网

在浏览器中访问Goog​​le Maps官网 https://www.google.com/maps/ (需要翻 墙)。如果您尚未登录Google帐号,请单击页面右上角的登录,输入您的Google帐户的电子邮件地址和密码登录后访问。

1.1 点击Google Maps页面左上角的 ☰ 菜单按钮,在左侧显示功能菜单。如下图所示:

添加Google地图标记Google地图功能菜单

1.2 在展开的功能菜单列表中,找到 您的地点(Your places)项,如下图所示:

添加Google地图标记您的地点

里面列出了你创建使用过的所有位置列表(已加标签、已保存、曾去过、地图等四种),我们切换到 地图 (MAPS)项,如下图所示:

添加Google地图标记添加新的地图标记 2. 创建新的地图标记

点击下图中的 添加标记 (Add Marker)图标,在你要添加新地图标记的位置,点击鼠标添加位置标记。

添加Google地图位置标记添加新的Google地图位置标记

新的位置定位好,并添加好位置图标后,可以自定义编辑新位置图标信息,包括:自定义位置标题和说明、标记图标及样式、可添加线路、可添加多张图片展示和删除等操作,如下图所示:

添加Google地图位置标记编辑新的Google地图位置标记 3. 共享和嵌入代码

点击图中的 共享 按钮,打开快速共享设置,开启里面的以下两项:

启用链接共享 公开:互联网上的任何人都可以查找和访问

如下图所示:

共享Google地图位置标记共享Google地图位置标记

点击下载中的3个竖点按钮,在弹窗的菜单中,点击 嵌入我的网站中

获取嵌入Google地图位置代码获取嵌入Google地图位置代码

在弹出的 嵌入此地图 中,可以复制里面的HTML代码,并将其粘贴到网页的源代码中,实现将此地图嵌入您自己的网站中的目的。如下图所示:

Google地图位置代码嵌入Google地图到网站

在添加Google Maps在线地图标记时,方便起见,我们可以先使用中文Google地图来添加(中文访问 https://www.google.com/maps/?hl=zh-CN 或者 https://www.google.com.hk/maps/),如果是要在外贸网站中使用地图标记,可以在编辑内容时,使用英文。这样添加的Google Maps在线地图标记也是会自动同步到英文的Google Maps在线地图的。

早一天建站,早一天收获询盘订单,让客户主动找到你! WordPress外贸建站服务承诺 WordPress外贸建站 - 真实客户询盘案例

本文链接:Google Maps 添加企业位置标记教程 版权所有:非特殊声明均为本站原创文章,转载请注明出处:WPPOP.com 标签:Google MapsGoogle地图标记位置标记谷歌地图

上一篇: 开通CloudFlare CDN加速教程【最新】

下一篇: 外贸独立站提高网站询盘的技巧汇总

相关文章 网易免费企业邮箱注册使用教程 为什么独立站要使用独立IP? Site Kit by Google – 官方开发的 WordPress Google站长工具套装插件 添加 Facebook Messenger 在线聊天工具教程【图文】 QQ邮箱授权码(密码)获取教程 WordPress多站点的安装和配置教程 产品发布【新版编辑器】 自定义多个SEO关键词 如何选择一个优质的外贸网站域名?【附案例】 WordPress如何查看询盘数据?


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3