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

html-css013

html5实现地图上定位导航路线,第1张

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就可以,完成。

最简单的办法,这个index做个框架,分两部分,分别指向两个网站的某个页面。页面内容为onload="window.parent.location='自己网站的具体url'"

这样哪个页面先装载成功就自动把整个页面导向快的哪个网站了。

或者就是载入两个网站的JS,哪个网站的JS先load进来就先location,这种方式便于页面布局,可以写:正在分析连接速度之类的话