历史版本5 :[App]JS 调用百度/高德地图 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

报表服务器版本

JAR 包

插件版本

App 版本

10.02020-02-28
20200228@15:52

1.2 应用场景


1.3 功能介绍

用移动端数据分析APP 在报表中调取百度和高德地图导航  

2. 示例编辑

2.1 操作步骤

1.准备数据:

image.png

2.制作模板

image.png

3. 添加 G2 G3单元格超级链接 D2单元格为目的地


百度地图:  只需传入地址就行 参数: address :为目的地

image.png

var deviceInfo = FR.Mobile.getDeviceInfo();
var str = deviceInfo.Model;
//判断手机系统
if (str.indexOf("iPhone")!= -1 || str.indexOf("iPad")!= -1 || str.indexOf("Phone") != -1) {
   alert(str.indexOf("iPhone"));
   src = "ios.baidu.openAPIdemo";
} else {
   src = "andr.baidu.openAPIdemo";
}
FR.doHyperlinkByGet({
   url: "bdapp://map/geocoder?src=" + src + "&address=" + address,
   title: '百度'
});


百度地图:  需传入经纬度

image.png

var deviceInfo = FR.Mobile.getDeviceInfo();	
var str = deviceInfo.Model;
if (str.indexOf("iPhone") || str.indexOf("iPad") || str.indexOf("Phone") != -1) {
   src = "baidumap://map/geocoder?coord_type=gcj02&src=ios.baidu.openAPIdemo";
} else {
   src = "bdapp://map/marker?&title=" + title + "&traffic=on&src=andr.baidu.openAPIdemo";
}
FR.doHyperlinkByGet({
   //lat<纬度>,lng<经度>
   url: src + "&location=" + lat + "," + lng,
   title: '百度'
});



高德地图: 参数为: keyword=目的地地址

image.png

var deviceInfo = FR.Mobile.getDeviceInfo();
var str = deviceInfo.Model;
if (str.indexOf("iPhone")!= -1 || str.indexOf("iPad")!= -1 || str.indexOf("Phone") != -1) {
   src = "iosamap://keywordNavi?sourceApplication=softname&style=2";} else {
   src = "androidamap://keywordNavi?sourceApplication=softname&style=2";
}
FR.doHyperlinkByGet({
   url: src + "&keyword" + keyword,title: '高德'
});



高德地图: 参数为:  dlat<纬度>,dlog<经度> dname<终点名称>

image.png


var deviceInfo = FR.Mobile.getDeviceInfo();
var str = deviceInfo.Model;
if (str.indexOf("iPhone") != -1 || str.indexOf("iPad") != -1 || str.indexOf("Phone") != -1) {
src = "iosamap://path?sourceApplication=applicationName&dev=0&t=0";
} else {
src = "amapuri://route/plan/?dev=0&t=0&did=";}
FR.doHyperlinkByGet({
   //dlat<纬度>,dlog<经度> dname<终点名称>
   url: src + "&dlat=" + lat + "&dlon=" + log + "&dname=" + dname title: '高德'
});


2.2 效果查看

PC 端不支持;

截图.gif

3. 模板下载编辑

4. 注意事项编辑

手机必须有百度和高德地图的APP   目前经过安卓手机测试过   iOS系统还没测试  如有问题请联系我