html5实现地图上定位导航路线_随笔

html5实现地图上定位导航路线方法如下：

1.先通过百度拾取坐标系统获得点位的坐标。

http://api.map.baidu.com/lbsapi/getpoint/index.html

2.在网页的<head>中插入百度API引用脚本。

key=&v=1.1&services=true"></script>

3.在网页的</body>之后</html>之前插入地图显示代码。

4.设置显示地图的div的id为“dituContent”，即添加 id="dituContent"

由于jqm的div的高度都是根据内容自由放大的，所以为了地图能正常显示，还需要

增加一个高度值，一般情况600px就可以，完成。

1、打开网页百度搜索引擎，输入：百度API，然后点击进入：如图

2、在进入百度API之后，选择栏目项开发--->地图生成器选项，单击进入：如下图

3、在打开的新的窗口页面时，设置自己的区域，精确查找等要设置的地点；如图

4、如图所示：添加标注，标注我所在地址；

5、所有都设置好了以后，点击获取代码：会自动d出新的对话框，如图；

6、将d出的新的对话框里的html代码复制到html格式的文件里面，然后右击，打开方式，用浏览器打开，查看效果，即可；

1、打开HTML5软件。

2、点击文件按钮。

3、选择文件使用驱动为JavaScript。

4、点击创建。

5、将大数据地图板块的代码输入。

6、点击运行即可显示。

欢迎分享，转载请注明来源：内存溢出

html5实现地图上定位导航路线