HTML 嵌入百度地图和google map

嵌入百度地图
1.百度搜索百度地图生成器或是直接点击进入百度地图生成器

2.在定位中心点输入你要查找的位置
在这里插入图片描述
3.在“设置地图“里可以设置自己想要的样式
在这里插入图片描述

4.在“添加标注”里可以添加标注的描述
在这里插入图片描述

5.最后点击获取代码,直接复制获取到的代码,放到自己的HTML文件里,就OK了,注意复制代码后,要修改一下charset=utf-8
在这里插入图片描述

嵌入google map
1.打开google map

2.在搜索框输入你要查找的位置

3.点击‘共享’,出现弹框,选择‘Embed a map’,之后选择‘copy html’
在这里插入图片描述
4.在‘copy html’前,你也可以选择要嵌入到HTML页面的google map 的大小
在这里插入图片描述
5.将复制的代码粘贴到你的HTML文件中,就OK了
在这里插入图片描述
在这里插入图片描述

效果实例

如果嵌入google map 最好有vpn 否则大概率会显示不出来,用Google Chrome浏览器可以直接使用vpn插件即可

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值