请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册
搜索

开发问题 map地图组件地图内容不显示

10
回复
710
查看
[复制链接]

11

主题

29

帖子

200

积分

 楼主| 2018-11-22 15:14:39 显示全部楼层 |阅读模式
  1. <map style="width:100%; height:402px;" latitude="{{roomDetail.latitude}}" longitude="{{roomDetail.longitude}}" scale="16" markers="{{markers}}">
  2.         </map>
复制代码
坐标数据等无误
显示效果:

66B57B359C10B2E8E9DD6C2F8C489DA4.png
回复

使用道具 举报

11

主题

29

帖子

200

积分

 楼主| 2018-11-22 16:17:29 显示全部楼层
只有markers出来了  地图的内容都没有 只有小格子
回复

使用道具 举报

4

主题

74

帖子

690

积分

2018-11-26 10:34:41 显示全部楼层
我测了一下,没问题,都是正常显示的,你是用的哪个版本的预览版,什么型号的手机?
回复

使用道具 举报

11

主题

29

帖子

200

积分

 楼主| 2018-11-26 16:02:38 显示全部楼层
dadong 发表于 2018-11-26 10:34
我测了一下,没问题,都是正常显示的,你是用的哪个版本的预览版,什么型号的手机? ...

平台版本号1020,平台名称1.2     vivo x7
回复

使用道具 举报

4

主题

74

帖子

690

积分

2018-11-26 19:36:21 显示全部楼层
  1. <map style="width:100%; height:402px;" latitude="{{roomDetail.latitude}}" longitude="{{roomDetail.longitude}}" scale="16" markers="{{markers}}"></map>
复制代码
  1. const BEI_JING_WGS = {latitude: 39.9073728469, longitude: 116.3913445961, coordType: "wgs84"};
  2. export default {
  3.         data: {
  4.             roomDetail: {latitude: 39.9073728469, longitude: 116.3913445961, coordType: "wgs84"},
  5.             markers: [{
  6.                 latitude: BEI_JING_WGS.latitude,
  7.                 longitude: BEI_JING_WGS.longitude,
  8.                 coordType: BEI_JING_WGS.coordType,
  9.                 iconPath: "/Common/logo.png",
  10.                 width: "100px"
  11.             }],
  12.         }
复制代码
20181126-193413.png 1020实测有效
回复

使用道具 举报

11

主题

29

帖子

200

积分

 楼主| 2018-11-27 17:56:38 显示全部楼层
本帖最后由 Mopecat 于 2018-11-27 17:58 编辑
file:///C:/Users/admin/Desktop/QQ%E5%9B%BE%E7%89%8720181127175342.pngfile:///C:/Users/admin/Desktop/QQ%E5%9B%BE%E7%89%8720181127175409.png
这是页面上标签上的数据 不知道为什么就是不生效
QQ图片20181127175342.png
QQ图片20181127175409.png
回复

使用道具 举报

11

主题

29

帖子

200

积分

 楼主| 2018-11-27 18:06:58 显示全部楼层

把你上面的代码完全复制都没有用……
回复

使用道具 举报

11

主题

29

帖子

200

积分

 楼主| 2018-11-27 18:25:22 显示全部楼层
  1. <import name="title-bar" src="../../components/titleBar"></import>

  2. <template>
  3.   <div class="container flex-col">
  4.     <title-bar title="房源位置" show-back="true"></title-bar>
  5.     <map style="width:100%; height:100%;" latitude="{{roomDetail.latitude}}" longitude="{{roomDetail.longitude}}" scale="16" markers="{{markers}}"></map>
  6.   </div>
  7. </template>
  8. <style>
  9.   @import '../../assets/styles/style.less';
  10.   .container{
  11.     height: 100%;
  12.     padding-top: 90px;
  13.   }
  14. </style>
  15. <script>
  16.   const BEI_JING_WGS = {latitude: 39.9073728469, longitude: 116.3913445961, coordType: "wgs84"};
  17.   export default {
  18.     data: {
  19.       roomDetail: {latitude: 39.9073728469, longitude: 116.3913445961, coordType: "wgs84"},
  20.       markers: [{
  21.         latitude: BEI_JING_WGS.latitude,
  22.         longitude: BEI_JING_WGS.longitude,
  23.         coordType: BEI_JING_WGS.coordType,
  24.         iconPath: "../../assets/images/map_icon.png",
  25.         width: "100px"
  26.       }],
  27.     },
  28.     onInit() {
  29.     }
  30.   }
  31. </script>
复制代码
这是一个单独的页面了效果仍然是下图这种

vivo X7 Funtouch OS_3.0 Lite

vivo X7  Funtouch OS_3.0 Lite

点评

换个手机试试?  详情 回复 发表于 2018-11-28 11:05
回复

使用道具 举报

4

主题

74

帖子

690

积分

2018-11-28 11:05:50 显示全部楼层
Mopecat 发表于 2018-11-27 18:25
这是一个单独的页面了效果仍然是下图这种

换个手机试试?
回复

使用道具 举报

11

主题

29

帖子

200

积分

 楼主| 2018-11-28 19:44:15 显示全部楼层
dadong 发表于 2018-11-28 11:05
换个手机试试?

storage是异步的是不   哥 ?

点评

没错 老铁  详情 回复 发表于 2018-11-29 14:12
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册