怎么在html插入谷歌地图,html页面插入百度or谷歌地图

本文详细介绍了如何使用百度地图生成器创建自定义地图,包括设置中心点、修改外观、添加标注,并与谷歌地图的共享嵌入方法进行对比。同时分享了将地图嵌入网页的步骤和注意事项。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、百度地图

1、打开“百度地图生成器”的网址:http://api.map.baidu.com/lbsapi/creatmap/index.html

2、在“1.定位中心点”中,查找具体位置

10056f4b370b74dc7da55fc3888f5eb5.png

3、在“2.设置地图”中,按照自己的需求修改地图的外观:

a、地图的宽和高

b、地图上显示的按钮(缩放、缩略图、比例尺)

c、鼠标和键盘对地图的操作

dce2bcf46e206f628c5f7b5ab67751a7.png

4、在“3.添加标注”中,添加自己想要标注的位置和信息

95adbd114050d1b898738ceb0d14baab.png

5、在“第二步 获取代码”中,点击“获取代码”按钮

900355ea5e2b3b854db91a460ea3a8fb.png

6、把上一步生成的代码保存为html文件(假设保存为map.html)。记住在保存前将代码内

修改为charset=utf-8",这样,上一步添加标注里输入的备注和名称才不会乱码显示

7、使用iframe标签,把地图添加到现有的网页中,如:

二、谷歌地图

1、在谷歌地图中http://www.google.cn/maps/@35.780287,86.2064243,4z

输入地址,搜索到指定地点之后,点击“共享”按钮

ea8fb194f6f356e12b96f2a8a19f0a24.png

点击“共享按钮”之后,选择“嵌入地图”,然后点击“复制HTML”

将复制的HTML代码粘贴到相应位置,根据自己需求修改宽高

文章引用原创地址:https://blog.youkuaiyun.com/qq_37815596/article/details/80868948

若有侵权,望告知。及时删除。

记录,方便浏览。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值