功能如下：打开时自动定位到当前位置(浏览器可能会屏蔽自动定位功能，建议手机查看，或直接打开地址：http://1.jingcode.applinzi.com/test2.html)，输入目的地点击搜索后，显示当前位置和目的地之间的线路图。

body, html {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}

#allmap{width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}

header{margin: 5px auto;font-size: 16px;}

.typein{width: 90px;height: 16px;font-size: 16px;}

/*.btn{color:#fff;height: 25px;}*/

路线查询

起点:

终点:

var map = new BMap.Map("allmap");

var lng , lat ;

var geolocation = new BMap.Geolocation();

geolocation.getCurrentPosition(function(r){

if(this.getStatus() == BMAP_STATUS_SUCCESS){

//map.panTo(r.point);

lng = r.point.lng;

lat = r.point.lat

//alert('您的位置：'+r.point.lng+','+r.point.lat);

map.centerAndZoom(new BMap.Point(lng, lat), 18);

var mk = new BMap.Marker(r.point);

map.addOverlay(mk);

map.addControl(new BMap.MapTypeControl()); //添加地图类型控件

map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放

}

else {

alert('failed'+this.getStatus());

}

});

function chaxun(){

map.clearOverlays();

var zhongdian = document.getElementById("zhongdian").value;

var qidian = document.getElementById("start").value;

//从定位地点到终点

//search(new BMap.Point(lng, lat),zhongdian,BMAP_DRIVING_POLICY_LEAST_DISTANCE);

//从输入的起点到终点

search(qidian,zhongdian,BMAP_DRIVING_POLICY_LEAST_DISTANCE);

function search(start,end,route){

var driving = new BMap.DrivingRoute(map, {renderOptions:{map: map, autoViewport: true},policy: route});

driving.search(start,end);

}

}

百度地图API的自动定位和搜索功能(移动端)

近期有个项目涉及到百度地图API,要求做到自动定位和搜索功能.煞费苦心的研究半天,终于能将两个功能合二为一,现将代码贴出来分享给大家,希望你们的砖搬得又快又好.注释不多,具体请参照:http://lb ...

vue结合百度地图Api实现周边配置查询及根据筛选结果显示对应坐标详情

在我们平常写房地产相关项目的时候经常会用到百度地图,因为这一块客户会考虑到房源周围的配套或者地铁线路所以在这类项目中就不可以避免的会用到百度地图,当然这只是其中一种,其他地图工具也可以,因为我这个项目 ...

【百度地图API】小学生找哥哥——小学生没钱打车，所以此为公交查询功能

原文:[百度地图API]小学生找哥哥--小学生没钱打车,所以此为公交查询功能 任务描述: 有位在魏公村附近上小学的小朋友,要去北京邮电大学找哥哥.他身上钱很少,只够坐公交的.所以,百度地图API快帮帮 ...

android百度地图开发之自动定位所在位置与固定位置进行驾车，步行，公交路线搜索

最近跟着百度地图API学地图开发,先是学了路径搜索,对于已知坐标的两点进行驾车.公交.步行三种路径的搜索(公交路径运行没效果,待学习中),后来又 学了定位功能,能够获取到自己所在位置的经纬度,但当将两 ...

【百度地图API】如何根据摩卡托坐标进行POI查询，和计算两点距离

原文:[百度地图API]如何根据摩卡托坐标进行POI查询,和计算两点距离 摘要: 百度地图API有两种坐标系,一种是百度经纬度,一种是摩卡托坐标系.在本章你将学会: 1.如何相互转换这两种坐标: 2. ...

【百度地图API】建立全国银行位置查询系统(五)——如何更改百度地图的信息窗口内容？

原文:[百度地图API]建立全国银行位置查询系统(五)--如何更改百度地图的信息窗口内容? 摘要: 酷讯.搜房.去哪儿网等大型房产.旅游酒店网站,用的是百度的数据库,却显示了自定义的信息窗口内容,这是 ...

【百度地图API】建立全国银行位置查询系统(四)——如何利用百度地图的数据生成自己的标注

原文:[百度地图API]建立全国银行位置查询系统(四)--如何利用百度地图的数据生成自己的标注 摘要: 上一章留个悬念,"如果自己没有地理坐标的数据库,应该怎样制作银行的分布地图呢?&quo ...

【百度地图API】建立全国银行位置查询系统(三)——如何在地图上添加银行标注

原文:[百度地图API]建立全国银行位置查询系统(三)--如何在地图上添加银行标注 你将在第三章中学会以下知识: 如何在地图上添加带银行logo的标注?(你也可以换成商场logo, ...

【百度地图API】建立全国银行位置查询系统(二)——怎样为地图添加控件

原文:[百度地图API]建立全国银行位置查询系统(二)--怎样为地图添加控件 你将在第二章中学会以下知识: 使用手写代码的利器——notepad++: 如何为地图添加控件——鱼骨. ...

随机推荐

IBatis.Net使用总结(四)-- IBatis 调用存储过程

IBatis 调用存储过程 http://www.cnblogs.com/jeffwongishandsome/archive/2010/01/10/1543219.html http://www.c ...

struts2中的jsp值传到后台action接收的三种方法

struts2中的Action接收表单传递过来的参数有3种方法: 如,登陆表单login.jsp:

Apache RocketMQ在linux上的常用命令

Apache RocketMQ在linux上的常用命令 进入maven安装后的rocketmq的bin目录  1.启动Name Server  2.启动Broker 3.关闭Name Server 4 ...

boost 1.67编译VS2017版本

最近想系统学习并使用一下boost的asio异步网络库,所以需要编译boost库使用,下面简单介绍如何编译. 编译环境 boost1.67版本,windows 10,VS2017 下载boost 建议 ...

Notes 和 Domino 已知限制

Notes 和 Domino 已知限制 功能测试 限制数据库的最大大小是多少? 最大的 OS 文件大小限制 -(最大为 64GB)文本域的最大大小是多少? 15KB(存储):15KB,显示在视图列中R ...

(转)View Transform(视图变换)详解

原文作者讲得太好了,唯有这篇让我对视图矩阵了解的清晰了很多. --------------------------------------------------------------------- ...