百度地图map.html页为什么一直打不开呢？

gzh268 · 发表于 2018-5-23 03:24:47

本帖最后由 gzh268 于 2018-5-23 03:31 编辑

点击button2 只有titlebar显示下面嵌入的map.html是空白的，求高手赐教！多谢多谢！
Model.prototype.button2Click = function(event){
            var me = this;
            function successCallback(position){
            alert("地址：" + position.address);
            alert("坐标系：" + position.coorType);
            alert("纬度：" + position.coords.latitude);
            alert("经度：" + position.coords.longitude);
            me.comp("mapDialog").open({data : JSON.stringify(position)});

            }
            function errorCallback(error) {
                     alert("失败");
            }
            navigator.geolocation.getCurrentPosition(successCallback, errorCallback);
      };

liangyongfei · 发表于 2018-5-23 13:33:45

一般百度地图问题，都是参数设置不正确
http://docs.wex5.com/wex5-app-question-list-2098

请问百度地图测试参数正确吗？

gzh268 · 发表于 2018-5-23 18:36:20

本帖最后由 gzh268 于 2018-5-23 18:38 编辑

liangyongfei 发表于 2018-5-23 13:33
一般百度地图问题，都是参数设置不正确
http://docs.wex5.com/wex5-app-question-list-2098

梁老师，我按http://docs.wex5.com/wex5-app-question-list-2098上面有重新申请了一个应用，按照上面重新操作设置了百度地图参数，还是不显示map.html,我又把mapDialog关连到测试应用里的mapActivty.w 和 map.html 结果出现错误提示，应该是java文件没有做相应配置，这是按照飘雪老师视频教程操作的，但如果按照http://docs.wex5.com/wex5-app-question-list-2098上把UI2/demo/plugin/baiduMap　链接到综合案例就可以打开map.html

gzh268 · 发表于 2018-5-23 18:50:19

本帖最后由 gzh268 于 2018-5-23 18:52 编辑

liangyongfei 发表于 2018-5-23 13:33
一般百度地图问题，都是参数设置不正确
http://docs.wex5.com/wex5-app-question-list-2098

百度地图参数重新申请和设置了一下

liangyongfei · 发表于 2018-5-24 16:46:26

gzh268 发表于 2018-5-23 18:50
百度地图参数重新申请和设置了一下

现在可以了吗？参数如果设置正确应该就没问题
综合演示可以显示是吗？说明代码没问题

gzh268 · 发表于 2018-5-24 17:03:00

liangyongfei 发表于 2018-5-24 16:46
现在可以了吗？参数如果设置正确应该就没问题
综合演示可以显示是吗？说明代码没问题 ...

不行，只有综合演示可以，按照飘雪老师的视频教程操作，百度地图map.html一直无法显示

liangyongfei · 发表于 2018-5-24 18:03:12

gzh268 发表于 2018-5-24 17:03
不行，只有综合演示可以，按照飘雪老师的视频教程操作，百度地图map.html一直无法显示 ...

你是自己打包综合演示的吗？？是哪个demo可以
你先自己打包一下这个demo
既然综合演示可以，那你吧综合演示的参数也拿过来自己打包测试下
是不是参数不正确？

gzh268 · 发表于 2018-5-25 10:33:06

本帖最后由 gzh268 于 2018-5-25 10:36 编辑

liangyongfei 发表于 2018-5-24 18:03
你是自己打包综合演示的吗？？是哪个demo可以
你先自己打包一下这个demo
既然综合演示可以，那你吧综合 ...

梁老师，这些方法我也测试过，结果都是一样的。参数应该没有错的，因为我把map.html的最后一段代码换成百度提供的代码地图就显示出了了，但一换成takeout案例里的map.html最后一段地图就又不显示了  代码如下百度提供的代码：
........
</body>
</html>
<script type="text/javascript">
      // 百度地图API功能
      var map = new BMap.Map("allmap"); // 创建Map实例
      map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);  // 初始化地图,设置中心点坐标和地图级别
      //添加地图类型控件
      map.addControl(new BMap.MapTypeControl({
            mapTypes:[
         BMAP_NORMAL_MAP,
         BMAP_HYBRID_MAP
      ]}));
      map.setCurrentCity("北京");       // 设置地图显示的城市此项是必须设置的
      map.enableScrollWheelZoom(true);    //开启鼠标滚轮缩放
</script>

我们takeout案例里map.html最后一段如下，应该是我在传参上没有设置好：
.........
<script language="javascript">
         $(function(){
                  var premap = new BMap.Map("allmap");
                     var preOriginPoint = new BMap.Point("116.45764191999997","39.8622934399999");
                     premap.addControl(new BMap.ZoomControl());
                     premap.centerAndZoom(preOriginPoint, 20);
         });
         $(window).on('message',function(message){
                  var data = message.originalEvent.data;
                     try{/*这里是为了兼容IE9*/
                              data = JSON.parse(data);
                     }catch(e){}
                     var longitude = data.longitude;
                     var latitude = data.latitude;
                     var address = data.address || "当前位置";
                     var coorType = data.coorType || "gps"
                     // 百度地图API功能
                     var map = new BMap.Map("allmap");
                     var originPoint = new BMap.Point(longitude,latitude);
                     map.addControl(new BMap.ZoomControl());

                     if(coorType == "bd09ll"){
                              var opts = {
                                    width : 20, // 信息窗口宽度
                                    height: 20,    // 信息窗口高度
                                    title : ""  // 信息窗口标题
                              }
                              var infoWindow = new BMap.InfoWindow(address, opts);  // 创建信息窗口对象
                              map.openInfoWindow(infoWindow,originPoint); //开启信息窗口
                              var gpsPoint = new BMap.Point(longitude,latitude);
                              map.centerAndZoom(gpsPoint, 20);
                     }else if(coorType == "gps"){
                              $.ajax({
                                    method: "GET",
                                    url:"/baas/bmap/api/convertLocation",
                                    cache:false,
                                    data:{
                                             longitude:longitude,
                                             latitude:latitude
                                    }
                              }).done(function(result) {
                                    var bmapResult = JSON.parse(result);
                                    var opts = {
                                             width : 20, // 信息窗口宽度
                                             height: 20,    // 信息窗口高度
                                             title : ""  // 信息窗口标题
                                    }
                                    var bmPoint = new BMap.Point(bmapResult.result[0].x,bmapResult.result[0].y);
                                    var infoWindow = new BMap.InfoWindow(address, opts);  // 创建信息窗口对象
                                    map.openInfoWindow(infoWindow,bmPoint); //开启信息窗口
                                    map.centerAndZoom(bmPoint, 20);
                              });
                     }
            });
</script>
</body>
</html>

liangyongfei · 发表于 2018-5-25 10:53:42

gzh268 发表于 2018-5-25 10:33
梁老师，这些方法我也测试过，结果都是一样的。参数应该没有错的，因为我把map.html的最后一段代码换成百 ...

这样，你先试试appLoader 运行
/UI2/takeout/index.w
是否可以正常显示地图？
我这里测试正常显示的

gzh268 · 发表于 2018-5-25 11:22:50

本帖最后由 gzh268 于 2018-5-25 11:27 编辑

我不是打开takeout案例购物车页里的定位，那个是能正常打开的，我是在takeout案例里放一个button 然后按飘雪老师视频教程里讲的操作打开map.html 代码如下
Model.prototype.myLocationBtnClick = function(event){
            var me = this;
            function successCallback(position){
            alert("地址：" + position.address);
            alert("坐标系：" + position.coorType);
            alert("纬度：" + position.coords.latitude);
            alert("经度：" + position.coords.longitude);
            me.comp("mapDialog").open({data : JSON.stringify(position)});

            }
            function errorCallback(error) {
                     alert("失败");
            }
            navigator.geolocation.getCurrentPosition(successCallback, errorCallback);
      };
这样最后地址经纬度都alert出来后，最后打开了地图仍然是空白的，用的都是案例的设置参数，我只是加了个btn 和上面的这段代码

		自动登录	找回密码
密码			注册

[处理中3] 百度地图map.html页为什么一直打不开呢？