1、打开网页百度搜索引擎，输入：百度API，然后点击进入：如图
2、在进入百度API之后，选择栏目项开发--->地图生成器选项，单击进入：如下图
3、在打开的新的窗口页面时，设置自己的区域，精确查找等要设置的地点；如图
4、如图所示：添加标注，标注我所在地址；
5、所有都设置好了以后，点击获取代码：会自动弹出新的对话框，如图；
6、将弹出的新的对话框里的html代码复制到html格式的文件里面，然后右击，打开方式，用浏览器打开，查看效果，即可；
html5实现地图上定位导航路线方法如下：
1.先通过百度拾取坐标系统获得点位的坐标。
http://api.map.baidu.com/lbsapi/getpoint/index.html
2.在网页的<head>中插入百度API引用脚本。
<script type="text/javascript" src="http://api.map.baidu.com/api
key=&v=1.1&services=true"></script>
3.在网页的</body>之后</html>之前插入地图显示代码。
4.设置显示地图的div的id为“dituContent”，即添加 id="dituContent"
由于jqm的div的高度都是根据内容自由放大的，所以为了地图能正常显示，还需要
增加一个高度值，一般情况600px就可以，完成。
1、登录百度地图api，地址：http://api.map.baidu.com/lbsapi/creatmap/index.html2、设置你的地理位置，以北京大学为例子如图：
3、简单设置下地图功能，也可以不设置。地图的宽度和高度根据网页空间的大小设置就可以。
4、设置地图信息标注，这个有利于查看地图的人一眼就看到自己在什么位置，而且也很清楚的标注了你所要标注地点的名称。
5、设置以后查看效果：
6、另外两个也是标注工具，使用方法和这个是一样的。
7、获取代码，以上都设置好了以后，就可以获取地图代码了
8、复制地图代码插入到网站的页面源文件中，如果你是在网站后台编辑中想要插入地图，就点击后台的源代码按钮，直接将地图代码复制进去就可以。
