[图片][图片]

请问地图组件要怎么设置才能循环滚动？ 就是往同一个方向滑动，例如：亚洲->太平洋->美洲->大西洋->欧洲->亚洲->太平洋... 这样。 我们目前在小程序中使用 polyline 来显示一个路线。 如果完整的路线使用一个对象 [{points: []}], 则路线会从太平洋中间折返，再横跨亚欧大陆： [图片] 如果把一个完整的路线按经度是否>=0拆分为两个线 [{points: [经度>=0的部分]}, {points: [经度<0的部分]}]， 则是显示一部分中国到太平洋的线，然后往东边滑动不过去了： [图片]

[图片]

使用的是form表单的提交方式，经过测试出问题的手机都是华为荣耀系列手机。

问题描述: 页面上写一个textarea组件,再写一个popup弹层作为信息提示,结果发现textarea组件与页面其他组件不在同一个层级上,设置z-index样式为负值也不管用,只有原生wx.showToast()等接口的显示层级才能覆盖住textarea组件填写的内容,其他任何popup等弹层都不能遮住,设置z-index为10亿也没用; wxml代码如下: [代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]'address-list-item'[代码][代码]>[代码][代码]            [代码][代码]<[代码][代码]textarea[代码] [代码]class[代码][代码]=[代码][代码]'input-textarea'[代码] [代码]auto-height[代码][代码]=[代码][代码]'{{true}}'[代码] [代码]maxlength[代码][代码]=[代码][代码]'50'[代码] [代码]placeholder[代码][代码]=[代码][代码]'企业地址(这是一个有bug的组件,组件与页面其他组件不在一个zIndex)'[代码][代码]></[代码][代码]textarea[代码][代码]>[代码][代码]        [代码][代码]</[代码][代码]view[代码][代码]>[代码]js代码 [代码]//提交表单[代码][代码]    [代码][代码]formSubmit: [代码][代码]function[代码][代码](e){[代码][代码]        [代码][代码]let self = [代码][代码]this[代码][代码];[代码][代码]        [代码][代码]let formData = e.detail.value;[代码][代码]        [代码][代码]console.log(formData);[代码][代码]        [代码][代码]let phonecall = formData.phonecall;[代码][代码]        [代码][代码]if[代码] [代码](phonecall.length>0 && !Method.regCheck(phonecall,/^[0-9]{7,8}$/)){[代码][代码]            [代码][代码]Toast({[代码][代码]                [代码][代码]mask: [代码][代码]true[代码][代码],[代码][代码]                [代码][代码]message: [代码][代码]'这是一个popup层,不能遮住有bug的textarea组件'[代码][代码]            [代码][代码]});[代码][代码]            [代码][代码]/*wx.showToast({[代码][代码]                [代码][代码]icon:'none',[代码][代码]                [代码][代码]mask:true,[代码][代码]                [代码][代码]title: '能遮住有bug的textarea组件',[代码][代码]            [代码][代码]})*/[代码][代码]            [代码][代码]return[代码][代码];[代码][代码]        [代码][代码]}[代码][代码]    [代码][代码]},[代码]真机截图如下: [图片] [图片]

学习书籍：从零开始学微信小程序开发 实现计算器功能，原书代码如下： 1、WXSS [代码]/* pages/cal/cal.wxss */[代码][代码]/*外层容器*/[代码][代码].content {[代码][代码]  [代码][代码]height[代码][代码]:[代码][代码]100%[代码][代码];[代码][代码]  [代码][代码]display[代码][代码]:flex;[代码][代码]  [代码][代码]flex-[代码][代码]direction[代码][代码]: column;[代码][代码]  [代码][代码]align-items: [代码][代码]center[代码][代码];[代码][代码]  [代码][代码]box-sizing: border-box;[代码][代码]  [代码][代码]padding-top[代码][代码]: [代码][代码]10[代码][代码]rpx;[代码][代码]}[代码] [代码]/*计算结果*/[代码][代码].[代码][代码]screen[代码] [代码]{[代码][代码]  [代码][代码]background-color[代码][代码]: [代码][代码]#ffffff[代码][代码];[代码][代码]  [代码][代码]text-align[代码][代码]: [代码][代码]right[代码][代码];[代码][代码]  [代码][代码]width[代码][代码]:[代码][代码]650[代码][代码]rpx;[代码][代码]  [代码][代码]height[代码][代码]:[代码][代码]150[代码][代码]rpx;[代码][代码]  [代码][代码]line-height[代码][代码]: [代码][代码]150[代码][代码]rpx;[代码][代码]  [代码][代码]padding[代码][代码]: [代码][代码]0[代码] [代码]20[代码][代码]rpx;[代码][代码]  [代码][代码]margin[代码][代码]: [代码][代码]30[代码][代码]rpx;[代码][代码]  [代码][代码]border[代码][代码]: [代码][代码]1px[代码] [代码]solid[代码] [代码]#ddd[代码][代码];[代码][代码]  [代码][代码]border-radius: [代码][代码]3px[代码][代码];[代码][代码]}[代码] [代码]/*按钮组*/[代码][代码].btnGroup {[代码][代码]  [代码][代码]display[代码][代码]: flex;[代码][代码]  [代码][代码]flex-[代码][代码]direction[代码][代码]: row;[代码][代码]}[代码] [代码]/*按钮*/[代码][代码].item {[代码][代码]  [代码][代码]width[代码][代码]: [代码][代码]160[代码][代码]rpx;[代码][代码]  [代码][代码]min-height[代码][代码]: [代码][代码]150[代码][代码]rpx;[代码][代码]  [代码][代码]margin[代码][代码]:[代码][代码]10[代码][代码]rpx;[代码][代码]  [代码][代码]text-shadow[代码][代码]: [代码][代码]0[代码] [代码]1px[代码] [代码]1px[代码] [代码]rgba([代码][代码]0[代码][代码],[代码][代码]0[代码][代码],[代码][代码]0[代码][代码],[代码][代码]0.3[代码][代码]);[代码][代码]  [代码][代码]border-radius: [代码][代码]5px[代码][代码];[代码][代码]  [代码][代码]text-align[代码][代码]: [代码][代码]center[代码][代码];[代码][代码]  [代码][代码]line-height[代码][代码]: [代码][代码]150[代码][代码]rpx;[代码][代码]}[代码] [代码]/*控制按钮 橙色*/[代码][代码].orange {[代码][代码]  [代码][代码]background-color[代码][代码]: [代码][代码]#f78d1d[代码][代码];[代码][代码]  [代码][代码]color[代码][代码]:[代码][代码]#fef4e9[代码][代码];[代码][代码]  [代码][代码]border[代码][代码]:[代码][代码]solid[代码] [代码]1px[代码] [代码]#da7c0c[代码][代码];[代码][代码]}[代码] [代码]/*数字按钮蓝色*/[代码][代码].[代码][代码]blue[代码] [代码]{[代码][代码]  [代码][代码]background-color[代码][代码]: [代码][代码]#0095cd[代码][代码];[代码][代码]  [代码][代码]color[代码][代码]:[代码][代码]#d9eef7[代码][代码];[代码][代码]  [代码][代码]border[代码][代码]:[代码][代码]solid[代码] [代码]1px[代码] [代码]#0076a3[代码][代码]}[代码] [代码]/*数字按钮按下状态*/[代码][代码].button-hover-num {[代码][代码]  [代码][代码]background-color[代码][代码]: [代码][代码]#0094cc[代码][代码];[代码][代码]  [代码][代码]opacity:[代码][代码]0.7[代码][代码];[代码][代码]}[代码] [代码]/*控制按钮按下状态*/[代码][代码].other-button-hover {[代码][代码]  [代码][代码]background-color[代码][代码]: [代码][代码]red[代码][代码];[代码][代码]}[代码]2、WXML [代码]<!--pages/cal/cal.wxml-->[代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"content"[代码][代码]>[代码][代码]  [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"screen"[代码][代码]>计算结果</[代码][代码]view[代码][代码]>[代码] [代码]  [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"btnGroup"[代码][代码]>[代码][代码]    [代码][代码]<[代码][代码]button[代码] [代码]class[代码][代码]=[代码][代码]"item orange"[代码] [代码]hover-class[代码][代码]=[代码][代码]"other-button-hover"[代码][代码]>历史</[代码][代码]button[代码][代码]>[代码][代码]    [代码][代码]<[代码][代码]button[代码] [代码]class[代码][代码]=[代码][代码]"item orange"[代码] [代码]hover-class[代码][代码]=[代码][代码]"other-button-hover"[代码][代码]>C</[代码][代码]button[代码][代码]>[代码][代码]    [代码][代码]<[代码][代码]button[代码] [代码]class[代码][代码]=[代码][代码]"item orange"[代码] [代码]hover-class[代码][代码]=[代码][代码]"other-button-hover"[代码][代码]>-</[代码][代码]button[代码][代码]>[代码][代码]    [代码][代码]<[代码][代码]button[代码] [代码]class[代码][代码]=[代码][代码]"item orange"[代码] [代码]hover-class[代码][代码]=[代码][代码]"other-button-hover"[代码][代码]>÷</[代码][代码]button[代码][代码]>[代码][代码]  [代码][代码]</[代码][代码]view[代码][代码]>[代码] [代码]  [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"btnGroup"[代码][代码]>[代码][代码]    [代码][代码]<[代码][代码]button[代码] [代码]class[代码][代码]=[代码][代码]"item blue"[代码] [代码]hover-class[代码][代码]=[代码][代码]"button-hover-num"[代码][代码]>7</[代码][代码]button[代码][代码]>[代码][代码]    [代码][代码]<[代码][代码]button[代码] [代码]class[代码][代码]=[代码][代码]"item blue"[代码] [代码]hover-class[代码][代码]=[代码][代码]"button-hover-num"[代码][代码]>8</[代码][代码]button[代码][代码]>[代码][代码]    [代码][代码]<[代码][代码]button[代码] [代码]class[代码][代码]=[代码][代码]"item blue"[代码] [代码]hover-class[代码][代码]=[代码][代码]"button-hover-num"[代码][代码]>9</[代码][代码]button[代码][代码]>[代码][代码]    [代码][代码]<[代码][代码]button[代码] [代码]class[代码][代码]=[代码][代码]"item orange"[代码] [代码]hover-class[代码][代码]=[代码][代码]"other-button-hover"[代码][代码]>×</[代码][代码]button[代码][代码]>[代码][代码]  [代码][代码]</[代码][代码]view[代码][代码]>[代码] [代码]  [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"btnGroup"[代码][代码]>[代码][代码]    [代码][代码]<[代码][代码]button[代码] [代码]class[代码][代码]=[代码][代码]"item blue"[代码] [代码]hover-class[代码][代码]=[代码][代码]"button-hover-num"[代码][代码]>4</[代码][代码]button[代码][代码]>[代码][代码]    [代码][代码]<[代码][代码]button[代码] [代码]class[代码][代码]=[代码][代码]"item blue"[代码] [代码]hover-class[代码][代码]=[代码][代码]"button-hover-num"[代码][代码]>5</[代码][代码]button[代码][代码]>[代码][代码]    [代码][代码]<[代码][代码]button[代码] [代码]class[代码][代码]=[代码][代码]"item blue"[代码] [代码]hover-class[代码][代码]=[代码][代码]"button-hover-num"[代码][代码]>6</[代码][代码]button[代码][代码]>[代码][代码]    [代码][代码]<[代码][代码]button[代码] [代码]class[代码][代码]=[代码][代码]"item orange"[代码] [代码]hover-class[代码][代码]=[代码][代码]"other-button-hover"[代码][代码]>-</[代码][代码]button[代码][代码]>[代码][代码]  [代码][代码]</[代码][代码]view[代码][代码]>[代码] [代码]  [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"btnGroup"[代码][代码]>[代码][代码]    [代码][代码]<[代码][代码]button[代码] [代码]class[代码][代码]=[代码][代码]"item blue"[代码] [代码]hover-class[代码][代码]=[代码][代码]"button-hover-num"[代码][代码]>1</[代码][代码]button[代码][代码]>[代码][代码]    [代码][代码]<[代码][代码]button[代码] [代码]class[代码][代码]=[代码][代码]"item blue"[代码] [代码]hover-class[代码][代码]=[代码][代码]"button-hover-num"[代码][代码]>2</[代码][代码]button[代码][代码]>[代码][代码]    [代码][代码]<[代码][代码]button[代码] [代码]class[代码][代码]=[代码][代码]"item blue"[代码] [代码]hover-class[代码][代码]=[代码][代码]"button-hover-num"[代码][代码]>3</[代码][代码]button[代码][代码]>[代码][代码]    [代码][代码]<[代码][代码]button[代码] [代码]class[代码][代码]=[代码][代码]"item orange"[代码] [代码]hover-class[代码][代码]=[代码][代码]"other-button-hover"[代码][代码]>+</[代码][代码]button[代码][代码]>[代码][代码]  [代码][代码]</[代码][代码]view[代码][代码]>[代码] [代码]  [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"btnGroup"[代码][代码]>[代码][代码]    [代码][代码]<[代码][代码]button[代码] [代码]class[代码][代码]=[代码][代码]"item orange"[代码] [代码]hover-class[代码][代码]=[代码][代码]"other-button-hover"[代码][代码]>±</[代码][代码]button[代码][代码]>[代码][代码]    [代码][代码]<[代码][代码]button[代码] [代码]class[代码][代码]=[代码][代码]"item blue"[代码] [代码]hover-class[代码][代码]=[代码][代码]"button-hover-num"[代码][代码]>0</[代码][代码]button[代码][代码]>[代码][代码]    [代码][代码]<[代码][代码]button[代码] [代码]class[代码][代码]=[代码][代码]"item orange"[代码] [代码]hover-class[代码][代码]=[代码][代码]"other-button-hover"[代码][代码]>.</[代码][代码]button[代码][代码]>[代码][代码]    [代码][代码]<[代码][代码]button[代码] [代码]class[代码][代码]=[代码][代码]"item orange"[代码] [代码]hover-class[代码][代码]=[代码][代码]"other-button-hover"[代码][代码]>=</[代码][代码]button[代码][代码]>[代码][代码]  [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码]</[代码][代码]view[代码][代码]>[代码]模拟器显示如下：[图片]和书中描述不一致，请问，是开发工具兼容性的问题么？