html页面插入百度or谷歌地图

一、百度地图

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

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

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

a、地图的宽和高

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

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

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

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

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

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

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

<iframe src="map.html" width="600" height="300" frameborder="0" scrolling="no"></iframe>
 

二、谷歌地图

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

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

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

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

<iframe src="http://www.google.cn/maps/embed?pb=!1m18!1m12!1m3!1d12241.841211173594!2d116.38863423126548!3d39.9087141208363!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x35f052bf93bd9cb5%3A0x44df237ca3fb1951!2z5YyX5Lqs5biC5Lic5Z-O5Yy65aSp5a6J6Zeo!5e0!3m2!1szh-CN!2scn!4v1539332233494" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

文章引用原创地址：https://blog.csdn.net/qq_37815596/article/details/80868948

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

记录，方便浏览。