HTML中插入地图的方法

1、打开“百度地图生成器”

网址：百度地图生成器

如下图：

2、获取位置

在定位中心点中，切换城市，并查找具体位置，如下图：

3、个性化设置地图

可以按照自己的喜好修改地图的外观：

a、地图的宽和高

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

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

如下图：

4、位置标注

可以添加自己想要标注的位置和信息，如下图：

5、生成代码

点击“获取代码”按钮，就会弹出根据上面的设置生成代码，如下图：

6、放入HTML文件

把上一步生成的代码保存为html文件（map.html），在浏览器中打开就可以看到自己定义的百度地图了。

如果要把地图添加到现有的网页中，可以使用iframe标签，如：

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

7、最终效果如下：（加了样式处理）

HTML中插入地图的方法相关推荐

计算机文档插入操作,电脑在word2007文档中插入数学公式的方法
Word 2007是一款老牌的办公软件套装,但基本的文字.表格.演示都能完成,运行速度快,体积小巧赢得很多用户喜爱.数学老师在word2007文档编辑公式类的计算题,需要插入数学公式,这该如何操作?如 ...
tfw文件如何导入cad_基于TFW影像坐标信息在CAD中插入正射影像的方法探讨
基于 TFW 影像坐标信息在 CAD 中插入正射影像的方法探讨詹艳春 * [摘要] 数字正射影像的应用越来越广泛和频繁,本文介绍了以 LISP 设计制作一个批量加载正射影像程序,该程序能自动把 ...
Markdown中插入数学公式的方法
最近开始用markdown做一些笔记,深深地感受到markdown的简洁实用.比较难的地方是Markdown插入公式比较不适应.现在转载一些看到的文章,能达到实用的要求了. 链接:Markdown中插 ...
oracle怎么把数据跑进视图里,在Oracle中向视图中插入数据的方法
在Oracle中向视图中插入数据的方法插入视图的条件: 1.如果视图是基于一个基础表产生的,那么这就称为非连接视图,所有的非连接视图都是可以更新的,也就是说可以在该视图上进行,INSERT,UPDA ...
c# 向mysql插入数据_C#连接mysql数据库及向表中插入数据的方法
mysql 语句操作: 创建数据库:create database hotelATMDb; use hotelATMDb; C#连接mysql 1.引用 dll MySql.Data.dll 下载地址 ...
markdown中插入emoji表情方法总结，让你尽情使用表情符号
想在markdown中插入emoji表情符号,经过测试发现,在 Typora 和 CSDN的markdown编辑器下,都支持插入部分表情符号. 将插入emoji表情的方法进行总结,以方便后续使用. 各 ...
使用Bibtex4word在WORD2016中插入参考文献的方法（大量文献方便）
最近要写毕业论文,但是之前的小论文是用latex写的,又不想用引用的方式插入参考文献,于是查了一下发现可以在word中插入bib格式的参考文献,就是需要配置一下.下面简单介绍一下,只记录简单的步骤,不 ...
在网页中插入flash的方法
1.推荐 jQuery插件---SWFObject (jQuery-SWFObject-1.1.1.js) ps:下面一段摘抄自:http://levi.cg.am/archives/403 如 ...
HTML网页中插入视频的方法
现在如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8(如果这玩意儿没出事的话)的(Opera.Mozilla.Chrome),支持H.264的(Safari.IE ...