// 创建地图对象并初始化
var mp = new BMap.Map( "map_container" ,{
enableHighResolution: true //是否开启高清
});
var point = new BMap.Point(116.404, 39.915);
mp.centerAndZoom(point, 14); //初始化地图
mp.enableInertialDragging(); //开启关系拖拽
mp.enableScrollWheelZoom(); //开启鼠标滚动缩放
// 添加定位控件
var geoCtrl = new BMap.GeolocationControl({
showAddressBar : true //是否显示
, enableAutoLocation : false //首次是否进行自动定位
, offset : new BMap.Size(0,25)
//, locationIcon : icon //定位的icon图标
});
//监听定位成功事件
geoCtrl.addEventListener( "locationSuccess" , function (e){
console.log(e);
});
//监听定位失败事件
geoCtrl.addEventListener( "locationError" , function (e){
console.log(e);
});
// 将定位控件添加到地图
mp.addControl(geoCtrl);
//检索类型
var type = "" ;
type = LOCAL_SEARCH ; //周边检索
//type = TRANSIT_ROUTE; //公交检索
//type = DRIVING_ROUTE; //驾车检索
//创建鱼骨控件
var navCtrl = new BMap.NavigationControl({
anchor: BMAP_ANCHOR_TOP_LEFT //设置鱼骨控件的位置
});
// 将鱼骨添加到地图当中
mp.addControl(navCtrl);
//创建检索控件
var searchControl = new BMapLib.SearchControl({
container : "searchBox" //存放检索控件的容器
, map : mp //检索的关联地图
, type : type //检索类型
});
document.getElementById( "selectType" ).onchange = function () {
searchControl.setType( this .value);
};
//添加路况控件
var ctrl = new BMapLib.TrafficControl({
showPanel: false //是否显示路况提示面板
});
mp.addControl(ctrl);
以上就是本篇文章【js百度地图控件API GeolocationControl实现根据搜索关键词定位_bmap api】的全部内容了,欢迎阅览 ! 文章地址:http://dgaty.xhstdz.com/quote/75153.html
栏目首页
相关文章
动态
同类文章
热门文章
网站地图
返回首页 物流园资讯移动站 http://dgaty.xhstdz.com/mobile/ , 查看更多