只需6步!手把手教你向网页中插入谷歌地图(google map)-超详细图文教程

6步学会网页插入谷歌地图
6步学会网页插入谷歌地图

一、打开谷歌地图,登录谷歌账号

二、搜索框输入地名并搜索,确定位置

搜索框输入地名搜索位置
搜索框输入地名搜索位置

Tip:出现谷歌地图无法搜索到需要插入的位置时可以使用替代的解决办法

  1. 搜索相近位置地点
  2. 使用鼠标点击地址实际位置
  3. 后续流程相同
  4. 原创文章可转载,请注明出处,谢谢

三、点击谷歌地图左侧菜单(3条横线的图标)中的分享或嵌入地图(锁链的图标)

点击菜单图标
点击谷歌地图菜单图标
谷歌地图分享或嵌入地图
谷歌地图分享或嵌入地图

四、选择“分享”界面中的“嵌入地图”

谷歌地图分享嵌入地图
谷歌地图分享嵌入地图

五、选择谷歌地图嵌入地图尺寸

选择谷歌地图嵌入地图尺寸
选择嵌入地图尺寸

Tip:如何调整嵌入地图尺寸?

  1. 点击自定义尺寸
  2. 输入尺寸
  3. 点击“预览实际尺寸”查看实际效果
  4. 复制HTML代码
  5. 原创文章可转载,请注明出处,谢谢_(:3 」∠ )_

六、复制谷歌嵌入地图HTML代码,插入网页即可

复制谷歌地图html代码
复制HTML代码

应用示例

您可能还喜欢...

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注