敬告:此 DEMO 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,了解更多。
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版 jsBridge-v20251019.zip,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
单次定位,返回 BD09ll 百度经纬度坐标,可以直接标记在百度地图上。
$("#cnt").hide();
var result = $("#result").text("定位中...");
$('html,body').animate({scrollTop: $('#view').offset().top}, 1200);
//发起定位
jsBridge.bdloc.getCurrentPosition({
//可选,设置返回经纬度坐标类型,默认 GCJ02
//GCJ02: 国测局坐标
//BD09LL: 百度经纬度坐标
//BD09: 百度墨卡托坐标
//WGS84: GPS地心坐标
//海外地区定位统一返回 WGS84 地心坐标
coorType: 'BD09LL',
//可选, 连续定位, 当位置变化时会收到回调通知, 默认 false
//调用 jsBridge.bdloc.stop() 停止观察
watch: false
}, function(position) {
result.JSONView(position);
});
//示例定位结果(模拟数据):
var sample =
{
success: true,
locType: 161,
locTypeDescription: "NetWork location successful!",
coorType: "bd09ll",
//纬度
latitude: 30.596578,
//经度
longitude: 103.923732,
altitude: 5e-324,
adCode: "510122",
streetNumber: "",
street: "蜀都大道人民东路",
district: "成华区",
city: "成都市",
cityCode: "75",
province: "四川省",
country: "中国",
countryCode: "0",
locationDescribe: "天府广场附近",
//周边信息
poi: [{
id: "624481706965053890",
name: "天府广场",
reliability: 0.99
}, {
id: "11831156867791473252",
name: "四川科技馆",
reliability: 0.99
}, {
id: "17660247562227023871",
name: "锦城艺术宫",
reliability: 0.99
}, {
id: "9997345703234431722",
name: "仁和春天百货",
reliability: 0.99
}, {
id: "17995585118206427135",
name: "成都博物馆新馆",
reliability: 0.99
}],
locationID: "r_Oy4Dz7t_fp9uDz-tTxgrji7uzp6-bo4bO2xeW3tbPUif7626qv-tH19vOjdaeDMz9fDzNfBlIaRxZ6WkLbs7N3ClBwO"
};
watch 参数设为 true 即为实时连续定位,当用户位置发生变化时会收到回调通知。
var i = 0;
var cnt = $("#cnt").show().text("");
var result = $("#result").text("定位中...");
$('html,body').animate({scrollTop: $('#view').offset().top}, 1200);
//发起定位,开启后请拿着手机走起来
//在室外开启GPS定位会更准确
jsBridge.bdloc.getCurrentPosition({
coorType: 'BD09LL',
watch : true
}, function(position){
cnt.text("第几次位置变化通知: " + (++i));
result.JSONView(position);
});
停止定位
//停止定位 jsBridge.bdloc.stop();
定位结果 (position 回调参数):