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

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

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

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出来了 地图的内容都没有 只有小格子
回复

使用道具 举报

11

主题

87

帖子

795

积分

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
回复

使用道具 举报

11

主题

87

帖子

795

积分

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
回复

使用道具 举报

11

主题

87

帖子

795

积分

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
回复

使用道具 举报

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