急急急！！！！！！页面跳转不灵了，在IPHONE下。

路小佳

大神好，我有个程序，是调用百度地图的。


发布后，android可以正常点按钮打开一个页面，根据经纬度定位到百度地图上。


可是 iPhone手机却不好使。代码如下。


        justep.Shell.showPage("$UI/SalMobel/channel/shipMap.w", {
                                                longitude : lon,
                                                latitude : lat
                                        });

liangyongfei

你试试打包平台自带的外卖案例是否可以？？
在手机上需要安装百度APP 才可以正常使用！！

你是使用showPage打开一个.w页面，直接在这个页面显示的百度地图吗？？
代码怎么写的？？
建议debugger 真机调试看看是哪儿的代码执行有问题！

路小佳

外卖好使。 但是那种方式显示不适合我们程序。是一个列表。列表10多条数据，每次点开列表查看位置。可是有缓存，第一次打开后，第二次打开还是上一条记录的。
因此我觉得用showPage打开新页，然后，iPhone就不行了。

是的，是使用showPage打开一个.W页面，在页面上显示百度地图。代码如下。

1. define(function(require) {
   
2.         require("css!$UI/system/components/bootstrap/lib/css/bootstrap").load();
   
3.         var $ = require("jquery");
   
4.         var justep = require("$UI/system/lib/justep");
   
5. 
   
6.         var Model = function() {
   
7.                 this.callParent();
   
8.         };
   
9. 
   
10.         Model.prototype.modelParamsReceive = function(event) {
    
11.                
    
12.                 // 获取经纬度
    
13.                 var longitude = this.params.longitude;
    
14.                 var latitude = this.params.latitude;
    
15. 
    
16.                 // 获取地图DIV
    
17.                 var id = this.getIDByXID("baiduMap");
    
18.                 window._baiduInit = function() {
    
19.                         var map = new BMap.Map(id,{mapType:BMAP_HYBRID_MAP});
    
20.                         map.centerAndZoom(new BMap.Point(longitude, latitude), 8);
    
21.                         //map.addControl(new BMap.MapTypeControl());
    
22.                         map.addControl(new BMap.MapTypeControl({ mapTypes: [BMAP_HYBRID_MAP] }));
    
23.                         map.enableScrollWheelZoom(true);
    
24.                         // 创建标注
    
25.                         var pt = new BMap.Point(longitude, latitude);
    
26.                         var myIcon = new BMap.Icon(require.toUrl("./logo.png"), new BMap.Size(40, 40));
    
27.                         var marker2 = new BMap.Marker(pt, {
    
28.                                 icon : myIcon
    
29.                         });
    
30.                        
    
31.                         map.addOverlay(marker2);
    
32.                 };
    
33.                 require([ 'http://api.map.baidu.com/api?v=2&ak=KvhKfTMYwPKrt1VyyxaNsLlLeqo9d3lz&callback=_baiduInit' ], function() {
    
34.                         if (window.BMap && window.BMap.Map) {
    
35.                                 window._baiduInit();
    
36.                         }
    
37.                 });
    
38.         };
    
39. 
    
40.         Model.prototype.backBtnClick = function(event) {
    
41.                 this.owner.close();
    
42.         };
    
43. 
    
44.         Model.prototype.modelLoad = function(event) {
    
45. 
    
46.         };
    
47. 
    
48.         return Model;
    
49. });

复制代码

liangyongfei

路小佳 发表于 2016-5-17 10:19
外卖好使。 但是那种方式显示不适合我们程序。是一个列表。列表10多条数据，每次点开列表查看位置。可是有 ...

建议你在modelParamsReceive  这个事件中debugger调试看看！
第二次进去的时候这个事件有没有执行！传递的参数是不是第二次真正传过去的参数？
使用iphon手机自带的浏览器也是这样的吗？

使用chrome浏览器模拟iPhone运行呢？？这个正常吗？？

路小佳

第二次进去没有执行，所以选择了使用showPage方法。

使用iphone自带的浏览器可以查看。

使用chrome模拟iphone 4 5 6 6s 都可以。

liangyongfei

路小佳 发表于 2016-5-18 14:52
第二次进去没有执行，所以选择了使用showPage方法。

使用iphone自带的浏览器可以查看。

你的意思是 在 iphone  真机app中，showPage第二次打开的时候不能触发modelParamsReceive  事件？？
你好楼主，这个问题需要我在本地环境进行问题重现，所以会花费较长时间，请你耐心等待，我完成后会第一时间反馈结果，谢谢！2016051800044

hecr

在页面的onParamsReceive中写alert(this.params.longitude + "," + this.params.latitude);
之后在以下场景中测试：
1. chrome浏览器中: 多次打开， 看看每次打开的值是否是自己期望的
2. chrome模块iphone: 多次打开， 看看每次打开的值是否是自己期望的
3. ios手机上的浏览器： 多次打开， 看看每次打开的值是否是自己期望的
4. ios的app上： 多次打开， 看看每次打开的值是否是自己期望的


另： 还有"可是 iPhone手机却不好使"具体是指什么？ 地图没有加载? 还是地图的位置不对

路小佳

liangyongfei 发表于 2016-5-18 16:47
你的意思是 在 iphone  真机app中，showPage第二次打开的时候不能触发modelParamsReceive  事件？？
你好 ...

谢谢这么关注。我没说明白可能。

showPage第二次打开没问题。 我所说的第二次是之前用的外卖的例子 dialog的方式打开不好使。


现在showPage的方法，只有iPhone真机不好使，点按钮后没有反应，我把源码发给您。

1--------------------------------------------------------------
首先是列表页面，我直接showPage

1. ustep.Shell.showPage("$UI/SalMobel/channel/shipMap.w", {
   
2.                                                 longitude : "122.996832",
   
3.                                                 latitude : "30.794163"
   
4.                                         });

复制代码

2--------------------------------------------------------------
然后是地图页

1. 
   
2.         Model.prototype.modelParamsReceive = function(event) {
   
3.                
   
4.                 // 获取经纬度
   
5.                 var longitude = this.params.longitude;
   
6.                 var latitude = this.params.latitude;
   
7. 
   
8.                 // 获取地图DIV
   
9.                 var id = this.getIDByXID("baiduMap");
   
10.                 window._baiduInit = function() {
    
11.                         var map = new BMap.Map(id,{mapType:BMAP_HYBRID_MAP});
    
12.                         map.centerAndZoom(new BMap.Point(longitude, latitude), 8);
    
13.                         //map.addControl(new BMap.MapTypeControl());
    
14.                         map.addControl(new BMap.MapTypeControl({ mapTypes: [BMAP_HYBRID_MAP] }));
    
15.                         map.enableScrollWheelZoom(true);
    
16.                         // 创建标注
    
17.                         var pt = new BMap.Point(longitude, latitude);
    
18.                         var myIcon = new BMap.Icon(require.toUrl("./logo.png"), new BMap.Size(40, 40));
    
19.                         var marker2 = new BMap.Marker(pt, {
    
20.                                 icon : myIcon
    
21.                         });
    
22.                        
    
23.                         map.addOverlay(marker2);
    
24.                 };
    
25.                 require([ 'http://api.map.baidu.com/api?v=2&ak=KvhKfTMYwPKrt1VyyxaNsLlLeqo9d3lz&callback=_baiduInit' ], function() {
    
26.                         if (window.BMap && window.BMap.Map) {
    
27.                                 window._baiduInit();
    
28.                         }
    
29.                 });
    
30.         };

复制代码

路小佳

hecr 发表于 2016-5-18 18:16
在页面的onParamsReceive中写alert(this.params.longitude + "," + this.params.latitude);
之后在以下场景 ...

123都是期望的。
4 没有反映。
   点击查看地图的按钮，没有任何动作。 地图页没有加载。

hecr

如果能真机调试的话， 建议使用ios真机调试看看， 可以参考：http://docs.wex5.com/android-and-ios-device-debugging/

如果不能真机调试， 可以在地图页面的Model.prototype.modelParamsReceive = function(event) {中添加alert, 看看有没有执行到这个方法中,
同时， 在onLoad事件中也写alert,