showRoute 从我的位置驾车导航到天安门广场 APP接入高德导航 APP开发接入高德导航功能

用做网页的技术做APP
一门提供标准化的jsbridge-mini.js库,您只需要在页面引用执行JS即可实现各种原生APP、原生PC的功能能力。

==================APP端==================
【APP端】(安卓版&苹果版)目前提供200+原生功能,2000+JS映射接口,用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程:
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
一门APP开发平台通用JS

showRoute 从我的位置驾车导航到天安门广场 APP接入高德导航 APP开发接入高德导航功能

核心代码示例,详情参阅demo

//从我的位置驾车导航到天安门广场
jsBridge.amapNavi.showRoute({
  end: {
    name: "天安门广场",
    lat : 39.903179,
    lng : 116.397755
  }
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)",定义点击事件onclick;-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接;-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//从我的位置驾车导航到天安门广场
jsBridge.amapNavi.showRoute({
  end: {
    name: "天安门广场",
    lat : 39.903179,
    lng : 116.397755
  }
});

}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//从我的位置驾车导航到天安门广场
jsBridge.amapNavi.showRoute({
  end: {
    name: "天安门广场",
    lat : 39.903179,
    lng : 116.397755
  }
});

}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->

showRoute 显示导航路线 APP开发高德导航功能 APP接入高德导航

用做网页的技术做APP
一门提供标准化的jsbridge-mini.js库,您只需要在页面引用执行JS即可实现各种原生APP、原生PC的功能能力。

==================APP端==================
【APP端】(安卓版&苹果版)目前提供200+原生功能,2000+JS映射接口,用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程:
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
一门APP开发平台通用JS

showRoute 显示导航路线 APP开发高德导航功能 APP接入高德导航

核心代码示例,详情参阅demo

//位置点
var p1 = {
    //名称
    name: "首开广场",
    //纬度
    lat: 39.993266,
    //经度
    lng: 116.473193
};
var p2 = {
    name: "故宫博物院",
    lat: 39.917337,
    lng: 116.397056
};
var p3 = {
    name: "北京站",
    lat: 39.904556,
    lng: 116.427231
};
var p4 = {
    name: "新三余公园(南5环)",
    lat: 39.773801,
    lng: 116.368984
};
var p5 = {
    name: "立水桥(北5环)",
    lat: 40.041986,
    lng: 116.414496
};
//示例:驾车从 立水桥(北5环) 途径 首开广场、故宫博物院、北京站 到 新三余公园(南5环)
jsBridge.amapNavi.showRoute({
    //可选,字符串类型,导航类型,可选值: drive 驾车, ride 骑行, walk 步行, motorcycle 摩托车,默认 drive
    naviType: $("#naviType").val(),
    //可选,起点,默认我的位置
    start: p5,
    //可选,途径点,最多可设置3个途径点,默认无
    wayPoints: [p1, p2, p3],
    //可选,止点,默认无
    end: p4,
    //可选,数字类型,播报模式,可选值 1 简洁播报, 2 详细播报 3 静音模式,默认 2
    broadcastMode: 2,
    //可选,是否显示交通路况,默认 false
    trafficEnabled: false,
    //可选,字符串类型,主题,可选 blue 蓝色, white 白色, black 黑色,默认 blue
    theme: "blue",
    //可选,设置车辆信息,进行尾号限行与货车导航,默认无
    carInfo: {
        //是否躲避车辆限行
        restriction: true,
        //车牌号码
        carNumber: "京A12345",
        //0 燃油客车,1 燃油货车,2 纯电动客车,3 纯电动货车
        carType: "0",
        //carType 为 1 时设置货车的轴数,取值 0 - 255
        vehicleAxis: "2",
        //carType 为 1 时设置货车的最大长度,单位:米,取值 0 - 25 如: 1.8,1.5等
        vehicleLength: "1.5",
        //carType 为 1 时设置货车的最大宽度,单位:米,取值 0 - 25.5 如:1.8,1.5等
        vehicleWidth: "2.6",
        //carType 为 1 时设置货车的最大高度,单位:米,取值 0 - 25.5 如:1.8,1.5等
        vehicleHeight: "1.5",
        //carType 为 1 时设置货车的核定载重,单位:吨,取值 0 - 6553.5
        vehicleWeight: "6",
        //carType 为 1 时设置货车的总重,即车重 + 核定载重,单位:吨,取值 0 - 6553.5
        vehicleLoad: "8",
        //carType 为 1 时设置货车重量是否参与算路
        vehicleLoadSwitch: true,
        //carType 为 1 时设置货车的大小
        vehicleSize: "2"

    }
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)",定义点击事件onclick;-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接;-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//位置点
var p1 = {
    //名称
    name: "首开广场",
    //纬度
    lat: 39.993266,
    //经度
    lng: 116.473193
};
var p2 = {
    name: "故宫博物院",
    lat: 39.917337,
    lng: 116.397056
};
var p3 = {
    name: "北京站",
    lat: 39.904556,
    lng: 116.427231
};
var p4 = {
    name: "新三余公园(南5环)",
    lat: 39.773801,
    lng: 116.368984
};
var p5 = {
    name: "立水桥(北5环)",
    lat: 40.041986,
    lng: 116.414496
};
//示例:驾车从 立水桥(北5环) 途径 首开广场、故宫博物院、北京站 到 新三余公园(南5环)
jsBridge.amapNavi.showRoute({
    //可选,字符串类型,导航类型,可选值: drive 驾车, ride 骑行, walk 步行, motorcycle 摩托车,默认 drive
    naviType: $("#naviType").val(),
    //可选,起点,默认我的位置
    start: p5,
    //可选,途径点,最多可设置3个途径点,默认无
    wayPoints: [p1, p2, p3],
    //可选,止点,默认无
    end: p4,
    //可选,数字类型,播报模式,可选值 1 简洁播报, 2 详细播报 3 静音模式,默认 2
    broadcastMode: 2,
    //可选,是否显示交通路况,默认 false
    trafficEnabled: false,
    //可选,字符串类型,主题,可选 blue 蓝色, white 白色, black 黑色,默认 blue
    theme: "blue",
    //可选,设置车辆信息,进行尾号限行与货车导航,默认无
    carInfo: {
        //是否躲避车辆限行
        restriction: true,
        //车牌号码
        carNumber: "京A12345",
        //0 燃油客车,1 燃油货车,2 纯电动客车,3 纯电动货车
        carType: "0",
        //carType 为 1 时设置货车的轴数,取值 0 - 255
        vehicleAxis: "2",
        //carType 为 1 时设置货车的最大长度,单位:米,取值 0 - 25 如: 1.8,1.5等
        vehicleLength: "1.5",
        //carType 为 1 时设置货车的最大宽度,单位:米,取值 0 - 25.5 如:1.8,1.5等
        vehicleWidth: "2.6",
        //carType 为 1 时设置货车的最大高度,单位:米,取值 0 - 25.5 如:1.8,1.5等
        vehicleHeight: "1.5",
        //carType 为 1 时设置货车的核定载重,单位:吨,取值 0 - 6553.5
        vehicleWeight: "6",
        //carType 为 1 时设置货车的总重,即车重 + 核定载重,单位:吨,取值 0 - 6553.5
        vehicleLoad: "8",
        //carType 为 1 时设置货车重量是否参与算路
        vehicleLoadSwitch: true,
        //carType 为 1 时设置货车的大小
        vehicleSize: "2"

    }
});

}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//位置点
var p1 = {
    //名称
    name: "首开广场",
    //纬度
    lat: 39.993266,
    //经度
    lng: 116.473193
};
var p2 = {
    name: "故宫博物院",
    lat: 39.917337,
    lng: 116.397056
};
var p3 = {
    name: "北京站",
    lat: 39.904556,
    lng: 116.427231
};
var p4 = {
    name: "新三余公园(南5环)",
    lat: 39.773801,
    lng: 116.368984
};
var p5 = {
    name: "立水桥(北5环)",
    lat: 40.041986,
    lng: 116.414496
};
//示例:驾车从 立水桥(北5环) 途径 首开广场、故宫博物院、北京站 到 新三余公园(南5环)
jsBridge.amapNavi.showRoute({
    //可选,字符串类型,导航类型,可选值: drive 驾车, ride 骑行, walk 步行, motorcycle 摩托车,默认 drive
    naviType: $("#naviType").val(),
    //可选,起点,默认我的位置
    start: p5,
    //可选,途径点,最多可设置3个途径点,默认无
    wayPoints: [p1, p2, p3],
    //可选,止点,默认无
    end: p4,
    //可选,数字类型,播报模式,可选值 1 简洁播报, 2 详细播报 3 静音模式,默认 2
    broadcastMode: 2,
    //可选,是否显示交通路况,默认 false
    trafficEnabled: false,
    //可选,字符串类型,主题,可选 blue 蓝色, white 白色, black 黑色,默认 blue
    theme: "blue",
    //可选,设置车辆信息,进行尾号限行与货车导航,默认无
    carInfo: {
        //是否躲避车辆限行
        restriction: true,
        //车牌号码
        carNumber: "京A12345",
        //0 燃油客车,1 燃油货车,2 纯电动客车,3 纯电动货车
        carType: "0",
        //carType 为 1 时设置货车的轴数,取值 0 - 255
        vehicleAxis: "2",
        //carType 为 1 时设置货车的最大长度,单位:米,取值 0 - 25 如: 1.8,1.5等
        vehicleLength: "1.5",
        //carType 为 1 时设置货车的最大宽度,单位:米,取值 0 - 25.5 如:1.8,1.5等
        vehicleWidth: "2.6",
        //carType 为 1 时设置货车的最大高度,单位:米,取值 0 - 25.5 如:1.8,1.5等
        vehicleHeight: "1.5",
        //carType 为 1 时设置货车的核定载重,单位:吨,取值 0 - 6553.5
        vehicleWeight: "6",
        //carType 为 1 时设置货车的总重,即车重 + 核定载重,单位:吨,取值 0 - 6553.5
        vehicleLoad: "8",
        //carType 为 1 时设置货车重量是否参与算路
        vehicleLoadSwitch: true,
        //carType 为 1 时设置货车的大小
        vehicleSize: "2"

    }
});

}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->

为什么要开启数字签名? 高德导航开启数字签名

为什么要开启数字签名? 高德导航开启数字签名

开启数字签名,可以确保您的Key被安全地调用。

例如,在数字签名未开启的情况下,您的Key泄露,极易发起非法访问;如果非法访问被平台策略自动识别,我们会对该Key进行强制处理,导致Key不能正常使用;如果开启数字签名,即使Key被泄露,窃取者在拿不到数字签名的情况下,是无法正常使用该Key发起请求,极大地保障您的Key安全和正常使用。

调用超限Key被封禁时,如何解禁? 高德定位解封

调用超限Key被封禁时,如何解禁? 高德定位解封

Web服务调用超限,被封禁有两种情况:

  • QPS超限:QPS超限,即秒并发量超限,如QPS为100,业务方超出后的请求将无法返回数据。
  • 日调用量超限:如接口A的日调用量上限为1000次,业务放超过1000次之后的请求,都会返回错误信息,如果日调用超限被封禁,次日则自动开启。

如果日调用超限需要当日继续调用,可购买流量包或者流量包月进行调用量的提升,点击查看

高德开放平台 KEY被盗,正在被恶意调用,该如何删除key?

高德开放平台 KEY被盗,正在被恶意调用,该如何删除key?

若key被盗,无法停止调用,可以联系客服进行key加白处理,加白后可以自行删除。key加白需要提交材料如下:

序号身份提交材料
1个人认证开发者认证身份姓名;认证身份证号;身份证正反面照片;
2企业认证开发者加盖公章企业有效证件;加盖公章key删除授权书
高德开放平台

高德开放平台 新旧版本的KEY有什么区别?

高德开放平台 新旧版本的KEY有什么区别?

新版Key:适用于所有新版本的API/SDK,拥有更加安全的密钥机制,更便捷的管理方式,更改数字签名和安全码更加灵活。

旧版Key:显示在密钥管理页面的下方,只适用于旧版本API/SDK。2015年2月1日起,我们将不再提供旧版Key的技术支持,并停止对其的维护。建议开发者申请新版Key,和升级新版SDK。

如您注册了新的Key,需下载最新的SDK/API才能使用。

新版Key对应新版SDK/API的关系如下:

JavaScript API:新版Key适用于高德地图JavaScript API V1.2服务插件及以上版本,不适用于JavaScript API V1.2旧版服务及下版本。

iOS 地图SDK:新版Key适用于高德地图 iOS SDK V2.3.0版本(含)以上版本;旧版Key只适用于V2.3.0(不含)以下版本。

Android 地图SDK:新版Key适用于高德地图 Android SDK V2.3.0版本(含)以上版本;旧版Key只适用于V2.3.0(不含)以下版本。

Android 定位SDK:Android定位SDK V1.3.0版本(含)以上版本;旧版Key只适用于V1.3.0(不含)以下版本。

Android 导航SDK:Android导航SDK V1.1.0版本(含)以上版本;旧版Key只适用于V1.1.0(不含)以下版本。

如新申请的Key对应了新下载的SDK包,还无法使用,请检查您的SHA1或Boundid是否绑定正确。

阿里集团如何认证账号?

注册账号

使用手机号注册高德账号,若可以自助完成认证,可直接进行认证操作;

走集团内部认证

集团内部注册账号后,提交账号工单,向客服同学咨询集团认证流程;

需准备材料如下:

认证方式准备材料内容
集团内部认证官网账号:登录高德开放平台-控制台-账号信息-用户名;认证企业全称;统一社会信用代码;申请人姓名;申请人工号;申请人所在部门;阿里内外个人信息页截图(包含基础信息和工作信息);业务说明;
高德定位

高德定位开发平台实名认证规则 实名身份已被认证该怎么办?

一个实名身份只允许认证一个高德开放平台账号,您可能遗失了以前认证过的账号,导致再次认证时提示已被认证。处理流程如下:

1.注册环节发现实名身份已被认证,可点击账号找回入口,完善信息后,提交账号工单,提交账号找回材料,找回原账号用户名和联系方式,您可以自行联系原账号管理员进行账号交接;

已有高德开放平台账号,在控制台认证时发现已被认证,可以直接提账号工单找回。

2.如果原密码遗失或无法和原账号管理员取得联系,您可以申请重置密码,之后您可以通过账号密码登录原账号;

3.登录高德地图APP,进入个人设置,将之前绑定的手机及邮箱解绑,并重新绑定新的手机号及邮箱。解绑操作方法,请参考这里

工单找回账号时,需要提交实名身份验证材料。需提交信息见下表:

原账号身份需提供材料其他操作
个人认证开发者认证身份的真实姓名;认证身份的身份证号;现有手机号;现有邮箱;key;认证身份的身份证正反面照片;若忘记密码:材料验证通过后可以要求重置密码;
企业认证开发者公司名称;现有手机号;现有邮箱;key;加盖公章的营业执照(或统一社会信用代码证等有效证件);加盖公章的在职证明(或账号找回授权书)。

stop 停止定位 APP开发高德定位能力 APP接入高德定位SDK

用做网页的技术做APP
一门提供标准化的jsbridge-mini.js库,您只需要在页面引用执行JS即可实现各种原生APP、原生PC的功能能力。

==================APP端==================
【APP端】(安卓版&苹果版)目前提供200+原生功能,2000+JS映射接口,用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程:
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
一门APP开发平台通用JS

stop 停止定位 APP开发高德定位能力 APP接入高德定位SDK

核心代码示例,详情参阅demo

//停止定位
jsBridge.amapLoc.stop();

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)",定义点击事件onclick;-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接;-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//停止定位
jsBridge.amapLoc.stop();

}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//停止定位
jsBridge.amapLoc.stop();

}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->

getCurrentPosition 实时连续定位 APP开发高德定位 实现连续定位能力

用做网页的技术做APP
一门提供标准化的jsbridge-mini.js库,您只需要在页面引用执行JS即可实现各种原生APP、原生PC的功能能力。

==================APP端==================
【APP端】(安卓版&苹果版)目前提供200+原生功能,2000+JS映射接口,用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程:
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
一门APP开发平台通用JS

getCurrentPosition 实时连续定位 APP开发高德定位 实现连续定位能力

1. watch 参数设为 true 即为实时连续定位,当用户位置发生变化时会收到回调通知;

2. Android 8 以上会在手机状态通知栏放置持续定位的前台服务通知,以降低应用被系统杀掉的概率;部分设备默认禁止了 APP 通知,可打包 本地通知 插件,调用 jsBridge.notification.requestAuth 检查是否开启了通知权限,如果没有通知权限可调用 jsBridge.appSettings() 引导用户开启权限;

3. Android 10 以上系统会申请后台定位权限(ACCESS_BACKGROUND_LOCATION),用户可选择 “始终允许” 或 “仅在使用该应用期间允许”;

4. Android 11 申请后台定位权限时不再出现 “始终允许” 选项,此时只能引导用户进入应用设置授予始终允许后台定位的权限;

5. 调用 jsBridge.appSettings() 可以打开应用设置;

6. 详细说明请参考 高德定位

核心代码示例,详情参阅demo

var i = 0;
var cnt = $("#cnt").show().text("");
var result = $("#result").text("定位中...");    
$('html,body').animate({scrollTop: $('#view').offset().top}, 1200);

//发起定位,开启后请拿着手机走起来
//在室外开启GPS定位会更准确
jsBridge.amapLoc.getCurrentPosition({
  watch: true,
  watchInterval: 1,
  //不需要地址信息时的定位速度更快,消耗更少的流量
  notAddress   : true,
  notifyTitle  : "我的APP",
  notifyContent: "持续定位中..."
}, function(succ, data){
  cnt.text("第 " + (++i) + " 次位置回调: ");
  result.JSONView({
    succ: succ,
    data: data
  });
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)",定义点击事件onclick;-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接;-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
var i = 0;
var cnt = $("#cnt").show().text("");
var result = $("#result").text("定位中...");    
$('html,body').animate({scrollTop: $('#view').offset().top}, 1200);

//发起定位,开启后请拿着手机走起来
//在室外开启GPS定位会更准确
jsBridge.amapLoc.getCurrentPosition({
  watch: true,
  watchInterval: 1,
  //不需要地址信息时的定位速度更快,消耗更少的流量
  notAddress   : true,
  notifyTitle  : "我的APP",
  notifyContent: "持续定位中..."
}, function(succ, data){
  cnt.text("第 " + (++i) + " 次位置回调: ");
  result.JSONView({
    succ: succ,
    data: data
  });
});
}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
var i = 0;
var cnt = $("#cnt").show().text("");
var result = $("#result").text("定位中...");    
$('html,body').animate({scrollTop: $('#view').offset().top}, 1200);

//发起定位,开启后请拿着手机走起来
//在室外开启GPS定位会更准确
jsBridge.amapLoc.getCurrentPosition({
  watch: true,
  watchInterval: 1,
  //不需要地址信息时的定位速度更快,消耗更少的流量
  notAddress   : true,
  notifyTitle  : "我的APP",
  notifyContent: "持续定位中..."
}, function(succ, data){
  cnt.text("第 " + (++i) + " 次位置回调: ");
  result.JSONView({
    succ: succ,
    data: data
  });
});

}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->

getCurrentPosition 仅使用 GPS 定位 APP开发定位能力 APP接入高德定位SDK

用做网页的技术做APP
一门提供标准化的jsbridge-mini.js库,您只需要在页面引用执行JS即可实现各种原生APP、原生PC的功能能力。

==================APP端==================
【APP端】(安卓版&苹果版)目前提供200+原生功能,2000+JS映射接口,用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程:
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
一门APP开发平台通用JS

getCurrentPosition 仅使用 GPS 定位 APP开发定位能力 APP接入高德定位SDK

核心代码示例,详情参阅demo

var i = 0;
var cnt = $("#cnt").show().text("");
var result = $("#result").text("定位中...");    
$('html,body').animate({scrollTop: $('#view').offset().top}, 1200);

//需要在室外空旷处才能定位成功
jsBridge.amapLoc.getCurrentPosition({
  //仅使用 GPS 定位
  gpsOnly: true
}, function(succ, data){
  result.JSONView({
    succ: succ,
    data: data
  });
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)",定义点击事件onclick;-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接;-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
var i = 0;
var cnt = $("#cnt").show().text("");
var result = $("#result").text("定位中...");    
$('html,body').animate({scrollTop: $('#view').offset().top}, 1200);

//需要在室外空旷处才能定位成功
jsBridge.amapLoc.getCurrentPosition({
  //仅使用 GPS 定位
  gpsOnly: true
}, function(succ, data){
  result.JSONView({
    succ: succ,
    data: data
  });
});
}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
var i = 0;
var cnt = $("#cnt").show().text("");
var result = $("#result").text("定位中...");    
$('html,body').animate({scrollTop: $('#view').offset().top}, 1200);

//需要在室外空旷处才能定位成功
jsBridge.amapLoc.getCurrentPosition({
  //仅使用 GPS 定位
  gpsOnly: true
}, function(succ, data){
  result.JSONView({
    succ: succ,
    data: data
  });
});

}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->

getCurrentPosition 获取当前位置 APP接入高德定位 APP开发定位能力

用做网页的技术做APP
一门提供标准化的jsbridge-mini.js库,您只需要在页面引用执行JS即可实现各种原生APP、原生PC的功能能力。

==================APP端==================
【APP端】(安卓版&苹果版)目前提供200+原生功能,2000+JS映射接口,用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程:
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
一门APP开发平台通用JS

getCurrentPosition 获取当前位置 APP接入高德定位 APP开发定位能力

单次定位,国内返回高德坐标系,可以直接标记在高德地图上,海外返回GPS坐标。

核心代码示例,详情参阅demo

$("#cnt").hide();
var result = $("#result").text("定位中...");    
$('html,body').animate({scrollTop: $('#view').offset().top}, 1200);

//发起定位单次定位(watch 为 false)
jsBridge.amapLoc.getCurrentPosition({
  //可选,定位超时时间(秒),默认30秒,建议设置为 8 - 30 之间
  timeout: 30,
  //可选,数字类型,定位模式,默认 1
  //1 高精度定位模式:同时使用网络定位和GPS定位,优先返回精度高的定位
  //2 仅设备定位模式:只使用GPS定位
  //3 低功耗定位模式:只使用网络定位
  locationMode: 1,
  //可选, 连续定位, 默认 false
  //调用 jsBridge.amapLoc.stop() 停止定位
  watch : false,
  //可选,连续定位时间间隔(秒),最低1秒,默认1
  watchInterval: 1,
  //可选,布尔类型, true = 不需要地址信息,默认 false (需要)
  //不需要地址信息时的定位速度更快,消耗更少的流量
  notAddress   : false,
  //可选,连续定位通知栏标题,默认为应用名称
  notifyTitle  : "",
  //可选,连续定位通知栏内容
  notifyContent: "持续定位中..."
}, function(succ, data) {
  result.JSONView({
    succ: succ,
    data: data
  });
});

//示例定位结果(模拟数据):
var sample = 
{
  success: true,
  //经度
  longitude: 104.04725,
  //纬度
  latitude: 30.542618,
  //海拔高度
  altitude: 0,
  //速度
  speed: 0,
  //方向角
  bearing: 0,
  //定位精度(米)
  accuracy: 29,
  //室内定位时的建筑物编号
  buildingId: "B0G21Y6JXO",
  //室内定位时的楼层
  floor: "",
  //地址
  address: "四川省成都市武侯区天府四街962号靠近佳年华·时代晶座",
  //街道
  street: "天府四街",
  //门牌号
  streetNumber: "962号",
  //区县
  district: "武侯区",
  //市
  city: "成都市",
  //省
  province: "四川省",
  //国家
  country: "中国",
  //城市编码
  cityCode: "028",
  //地区编码
  adCode: "510107",
  //定位类型,参见 https://lbs.amap.com/api/android-location-sdk/guide/utilities/location-type/
  locationType: 5,
  //poi名称
  poiName: "佳年华·时代晶座",
  //aoi名称
  aoiName: "佳年华·时代晶座",
  //GPS信号状态
  gpsAccuracyStatus: "GPS_ACCURACY_UNKNOWN",
  locationDetail: "#id:ELA==#csid:901652def094468ab9852bf21112d2fb"
}

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)",定义点击事件onclick;-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接;-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
$("#cnt").hide();
var result = $("#result").text("定位中...");    
$('html,body').animate({scrollTop: $('#view').offset().top}, 1200);

//发起定位单次定位(watch 为 false)
jsBridge.amapLoc.getCurrentPosition({
  //可选,定位超时时间(秒),默认30秒,建议设置为 8 - 30 之间
  timeout: 30,
  //可选,数字类型,定位模式,默认 1
  //1 高精度定位模式:同时使用网络定位和GPS定位,优先返回精度高的定位
  //2 仅设备定位模式:只使用GPS定位
  //3 低功耗定位模式:只使用网络定位
  locationMode: 1,
  //可选, 连续定位, 默认 false
  //调用 jsBridge.amapLoc.stop() 停止定位
  watch : false,
  //可选,连续定位时间间隔(秒),最低1秒,默认1
  watchInterval: 1,
  //可选,布尔类型, true = 不需要地址信息,默认 false (需要)
  //不需要地址信息时的定位速度更快,消耗更少的流量
  notAddress   : false,
  //可选,连续定位通知栏标题,默认为应用名称
  notifyTitle  : "",
  //可选,连续定位通知栏内容
  notifyContent: "持续定位中..."
}, function(succ, data) {
  result.JSONView({
    succ: succ,
    data: data
  });
});

//示例定位结果(模拟数据):
var sample = 
{
  success: true,
  //经度
  longitude: 104.04725,
  //纬度
  latitude: 30.542618,
  //海拔高度
  altitude: 0,
  //速度
  speed: 0,
  //方向角
  bearing: 0,
  //定位精度(米)
  accuracy: 29,
  //室内定位时的建筑物编号
  buildingId: "B0G21Y6JXO",
  //室内定位时的楼层
  floor: "",
  //地址
  address: "四川省成都市武侯区天府四街962号靠近佳年华·时代晶座",
  //街道
  street: "天府四街",
  //门牌号
  streetNumber: "962号",
  //区县
  district: "武侯区",
  //市
  city: "成都市",
  //省
  province: "四川省",
  //国家
  country: "中国",
  //城市编码
  cityCode: "028",
  //地区编码
  adCode: "510107",
  //定位类型,参见 https://lbs.amap.com/api/android-location-sdk/guide/utilities/location-type/
  locationType: 5,
  //poi名称
  poiName: "佳年华·时代晶座",
  //aoi名称
  aoiName: "佳年华·时代晶座",
  //GPS信号状态
  gpsAccuracyStatus: "GPS_ACCURACY_UNKNOWN",
  locationDetail: "#id:ELA==#csid:901652def094468ab9852bf21112d2fb"
}

}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
$("#cnt").hide();
var result = $("#result").text("定位中...");    
$('html,body').animate({scrollTop: $('#view').offset().top}, 1200);

//发起定位单次定位(watch 为 false)
jsBridge.amapLoc.getCurrentPosition({
  //可选,定位超时时间(秒),默认30秒,建议设置为 8 - 30 之间
  timeout: 30,
  //可选,数字类型,定位模式,默认 1
  //1 高精度定位模式:同时使用网络定位和GPS定位,优先返回精度高的定位
  //2 仅设备定位模式:只使用GPS定位
  //3 低功耗定位模式:只使用网络定位
  locationMode: 1,
  //可选, 连续定位, 默认 false
  //调用 jsBridge.amapLoc.stop() 停止定位
  watch : false,
  //可选,连续定位时间间隔(秒),最低1秒,默认1
  watchInterval: 1,
  //可选,布尔类型, true = 不需要地址信息,默认 false (需要)
  //不需要地址信息时的定位速度更快,消耗更少的流量
  notAddress   : false,
  //可选,连续定位通知栏标题,默认为应用名称
  notifyTitle  : "",
  //可选,连续定位通知栏内容
  notifyContent: "持续定位中..."
}, function(succ, data) {
  result.JSONView({
    succ: succ,
    data: data
  });
});

//示例定位结果(模拟数据):
var sample = 
{
  success: true,
  //经度
  longitude: 104.04725,
  //纬度
  latitude: 30.542618,
  //海拔高度
  altitude: 0,
  //速度
  speed: 0,
  //方向角
  bearing: 0,
  //定位精度(米)
  accuracy: 29,
  //室内定位时的建筑物编号
  buildingId: "B0G21Y6JXO",
  //室内定位时的楼层
  floor: "",
  //地址
  address: "四川省成都市武侯区天府四街962号靠近佳年华·时代晶座",
  //街道
  street: "天府四街",
  //门牌号
  streetNumber: "962号",
  //区县
  district: "武侯区",
  //市
  city: "成都市",
  //省
  province: "四川省",
  //国家
  country: "中国",
  //城市编码
  cityCode: "028",
  //地区编码
  adCode: "510107",
  //定位类型,参见 https://lbs.amap.com/api/android-location-sdk/guide/utilities/location-type/
  locationType: 5,
  //poi名称
  poiName: "佳年华·时代晶座",
  //aoi名称
  aoiName: "佳年华·时代晶座",
  //GPS信号状态
  gpsAccuracyStatus: "GPS_ACCURACY_UNKNOWN",
  locationDetail: "#id:ELA==#csid:901652def094468ab9852bf21112d2fb"
}

}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->

onEvent 上报事件 APP开发友盟统计能力 APP接入友盟SDK

用做网页的技术做APP
一门提供标准化的jsbridge-mini.js库,您只需要在页面引用执行JS即可实现各种原生APP、原生PC的功能能力。

==================APP端==================
【APP端】(安卓版&苹果版)目前提供200+原生功能,2000+JS映射接口,用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程:
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
一门APP开发平台通用JS

onEvent 上报事件 APP开发友盟统计能力 APP接入友盟SDK

核心代码示例,详情参阅demo

// 友盟官方参考文档
// https://developer.umeng.com/docs/67964/cate/67964
// https://developer.umeng.com/docs/67964/detail/71107
jsBridge.umanalytics.onEvent({
  //必须,字符串类型,事件名称
  name: "__register",
  //可选,JSON Object,事件数据
  data: {
    //Key-Value 键值对,Value 统一使用字符串类型
    userid: "13800138000"
  }
}, function(succ, data) {
  alert(succ ? "已上报" : JSON.stringify(data));
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)",定义点击事件onclick;-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接;-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
// 友盟官方参考文档
// https://developer.umeng.com/docs/67964/cate/67964
// https://developer.umeng.com/docs/67964/detail/71107
jsBridge.umanalytics.onEvent({
  //必须,字符串类型,事件名称
  name: "__register",
  //可选,JSON Object,事件数据
  data: {
    //Key-Value 键值对,Value 统一使用字符串类型
    userid: "13800138000"
  }
}, function(succ, data) {
  alert(succ ? "已上报" : JSON.stringify(data));
});

}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
// 友盟官方参考文档
// https://developer.umeng.com/docs/67964/cate/67964
// https://developer.umeng.com/docs/67964/detail/71107
jsBridge.umanalytics.onEvent({
  //必须,字符串类型,事件名称
  name: "__register",
  //可选,JSON Object,事件数据
  data: {
    //Key-Value 键值对,Value 统一使用字符串类型
    userid: "13800138000"
  }
}, function(succ, data) {
  alert(succ ? "已上报" : JSON.stringify(data));
});

}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->

getDeviceInfo 获取设备识别信息 APP开发接入友盟统计能力

用做网页的技术做APP
一门提供标准化的jsbridge-mini.js库,您只需要在页面引用执行JS即可实现各种原生APP、原生PC的功能能力。

==================APP端==================
【APP端】(安卓版&苹果版)目前提供200+原生功能,2000+JS映射接口,用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程:
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
一门APP开发平台通用JS

getDeviceInfo 获取设备识别信息 APP开发接入友盟统计能力

• 此信息用于集成测试,请详见友盟文档 https://developer.umeng.com/docs/119267/detail/119463

核心代码示例,详情参阅demo

jsBridge.umanalytics.getDeviceInfo(function(info) {
  var s = JSON.stringify(info);
  jsBridge.setClipboardText(s);
  alert("设备识别信息已复制:\n" + s);
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)",定义点击事件onclick;-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接;-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.umanalytics.getDeviceInfo(function(info) {
  var s = JSON.stringify(info);
  jsBridge.setClipboardText(s);
  alert("设备识别信息已复制:\n" + s);
});
}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.umanalytics.getDeviceInfo(function(info) {
  var s = JSON.stringify(info);
  jsBridge.setClipboardText(s);
  alert("设备识别信息已复制:\n" + s);
});

}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->

2023年开发app推荐使用一门APP自建移动应用平台

2023年开发app推荐使用一门APP自建移动应用平台
在专业化的“App定制服务”领域,采用国际标准化的一门APP制作技术,定制过程中实现高效率、低投入的制作模式一直是App定制服务者所追求的职业目标。

我们能够看到,在各类App定制服务官方中,聚合了国内众多大主流的云服务厂商,采用一键接入的制作模式,急速提高制作过程。

选用标准化的制作流程,既能够便于监控项目质量又方便掌控项目的进程。

同时能够实现改进提高质量比较低、体验性相对差的App项目,为保障制作品质。

流程vue 写app分为需求评审、产品原型设计、UIUX设计、App端制作、后端制作、接口联调、测试及验收七个阶段。

而一门APP技术的过人之处就在于能够将项目迅速重建,获得更高的质量确保以及更迅速的升级能力,从而在主诉需求方面让客户满意。

一门APP的App定制官方,最大的杀手锏就是能够帮忙助力客户迅速完成App全链条的制作和上架发布。

迅速、高效、成熟的一门APPAPP制作技术是一门APP不同于其他定制官方的结果之一,在结合服务于几万企业客户的基础上,积累了丰富实践经验,一门APP作为官方方,与企业客户直接签约。

手机上webapp

严格掌控项目质量和制作时间周期,现在已有上万款移动应用基于一门APP官方制作并发布到苹果等各大应用商店,供客户免费下载使用。

一门APP 的特色之一就是利用标准Web技术制作iOS、Android等一些原生级应用,这样做的好处就是能够减少手机app 快速开发框架制作人工投入,优化人工素质结构,有效提高制作速率,企业客户还能够在线上项目管理系统中实时检查和确定项目开发进度和内容,以此保障每一步都不会偏离自己设定的项目目标。

最终实现移动应用的制作成本、升级成本都低于传统制作模式。

让我们在潜移默化之中接受新技术带给我们的具体改变。

一门APP贴心为客户提供一对一免费的移动应用需求评审服务,在合作前先都是做足功课,理清客户对移动应用的主诉需求,再通过视频会议的方案进行便捷的交流,可视化的交流方案,大大提高了评审服务的质量,会后将所有沟通的内容,以文件的形式保存下来,即节约了双方沟通成本,又能够加快项目推进速度。

使客户真正了解项目到底想要多长时间,多少钱能够完成。

当然一门APP也有着最为严格的验收体系,在每个项目收尾时,制作团队都会严格按照一门APP标准化验收体系,绝不马虎,按照体系规定的将前服务端源代码、需求文档、设计文档、操作说明、测试报告等10几项交付物完整递交给企业客户,方便项目的更新升级。

2023年开发app推荐使用一门APP自建移动应用平台