android 百度地图h5,【分享】H5 地理信息定位+百度地图

[JavaScript] 纯文本查看 复制代码

//创建和初始化地图函数:

function initMap(longitude,latitude){

createMap(longitude,latitude);//创建地图

setMapEvent();//设置地图事件

addMapControl();//向地图添加控件

addMapOverlay();//向地图添加覆盖物

}

function createMap(longitude,latitude){

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

map.centerAndZoom(new BMap.Point(longitude,latitude),15);

}

function setMapEvent(){

map.enableScrollWheelZoom();

map.enableKeyboard();

map.enableDragging();

map.enableDoubleClickZoom()

}

function addClickHandler(target,window){

target.addEventListener("click",function(){

target.openInfoWindow(window);

});

}

function addMapOverlay(){

}

//向地图添加控件

function addMapControl(){

var scaleControl = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});

scaleControl.setUnit(BMAP_UNIT_IMPERIAL);

map.addControl(scaleControl);

var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:0});

map.addControl(navControl);

var overviewControl = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:true});

map.addControl(overviewControl);

}

var map;

var pos=document.getElementById("pos");

var geo=window.navigator.geolocation;

if(geo){

var options={

enableHighAccuracy:false,

maximumAge:1000,

timeout:10000

}

geo.getCurrentPosition(onSuccess,onError,options);

function onSuccess(position){

var longitude =position.coords.longitude;//获取经度坐标

var latitude=position.coords.latitude;//获取纬度坐标

initMap(longitude,latitude);

}

}

function onError(error){

switch(error.code){

case 1 : alert(error.message);//用户选了不允许

break;

case 2: alert(error.message);//连不上GPS卫星,或者网络断了

break;

case 3: alert(error.message);//超时了

break;

default: alert(error.message);//未知错误,其实是err.code==0的时候

break;

}

}

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值