- map组件,polyline碰到地图边界就折返到地图另一边边界,地图不连续展示polyline
[图片][图片]
2019-11-28 - 小程序地图组件怎么设置循环滚动?
请问地图组件要怎么设置才能循环滚动? 就是往同一个方向滑动,例如:亚洲->太平洋->美洲->大西洋->欧洲->亚洲->太平洋... 这样。 我们目前在小程序中使用 polyline 来显示一个路线。 如果完整的路线使用一个对象 [{points: []}], 则路线会从太平洋中间折返,再横跨亚欧大陆: [图片] 如果把一个完整的路线按经度是否>=0拆分为两个线 [{points: [经度>=0的部分]}, {points: [经度<0的部分]}], 则是显示一部分中国到太平洋的线,然后往东边滑动不过去了: [图片]
2022-02-18 - textarea组件真机bug
问题描述: 页面上写一个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[代码][代码];[代码][代码] [代码][代码]}[代码][代码] [代码][代码]},[代码]真机截图如下: [图片] [图片]
2019-03-06 - 地图地点在国外, polyline(路线)不能正常显示
用小程序提供的map里面的polyline进行路线自定义规划, 在缩放为10km以下时, 路线则不会显示, 而大于10km则会正常显示, 请问如何解决该问题 代码片段: https://developers.weixin.qq.com/s/A1HKDSmV746n
2019-03-15 - 地图定位在国外polyline被地图图片覆盖
地图定位在国外polyline被地图图片覆盖 使用开发工具测试可以显示polyline,但是手机访问测试时,在地图未加载完地图的只有一个背景图片时能显示polyline,但是地图加载图片后就会遮盖住polyline,无法显示出来 手机网速慢加载地图图片慢时这个polyline遮盖过程最清楚。 手机上只有缩放到50KM以上才能显示polyline,猜测是地图图片被隐藏了只显示了地图背景所以才显示出polyline。 - 当前 Bug 的表现(可附上截图) 开发工具 [图片] android手机上显示效果 [图片] [图片] - 预期表现 手机上polyline被地图加载的图片覆盖无法显示 - 提供一个最简复现 Demo 以下为测试代码,地图数据和开发工具中的一致,界面上有些区别 wxml [代码]<[代码][代码]map[代码] [代码]style[代码][代码]=[代码][代码]"height:100%;width:100%;position:fixed;left:0;top:0"[代码] [代码]id[代码][代码]=[代码][代码]"map"[代码] [代码]longitude[代码][代码]=[代码][代码]"{{lng}}"[代码] [代码]latitude[代码][代码]=[代码][代码]"{{lat}}"[代码] [代码]markers[代码][代码]=[代码][代码]"{{markers}}"[代码] [代码]scale[代码][代码]=[代码][代码]"13"[代码] [代码]polyline[代码][代码]=[代码][代码]"{{polyline}}"[代码] [代码]></[代码][代码]map[代码][代码]>[代码] js [代码]const app = getApp()[代码] [代码]Page({[代码][代码] [代码][代码]data: { [代码][代码] [代码][代码]"markers"[代码][代码]: [{ [代码][代码]"iconPath"[代码][代码]: [代码][代码]"http://data.lvyou168.cn/slovenia/marker.png"[代码][代码], [代码][代码]"id"[代码][代码]: [代码][代码]"m19"[代码][代码], [代码][代码]"latitude"[代码][代码]: 46.2383333, [代码][代码]"longitude"[代码][代码]: 13.8125, [代码][代码]"width"[代码][代码]: 22, [代码][代码]"height"[代码][代码]: 29, [代码][代码]"callout"[代码][代码]: { [代码][代码]"color"[代码][代码]: [代码][代码]"#78A02E"[代码][代码], [代码][代码]"content"[代码][代码]: [代码][代码]"沃格尔山\nVogel"[代码][代码], [代码][代码]"display"[代码][代码]: [代码][代码]"BYCLICK"[代码][代码], [代码][代码]"padding"[代码][代码]: 6 } }, { [代码][代码]"iconPath"[代码][代码]: [代码][代码]"http://data.lvyou168.cn/slovenia/marker.png"[代码][代码], [代码][代码]"id"[代码][代码]: [代码][代码]"m18"[代码][代码], [代码][代码]"latitude"[代码][代码]: 46.28410887411788, [代码][代码]"longitude"[代码][代码]: 13.858078324634448, [代码][代码]"width"[代码][代码]: 22, [代码][代码]"height"[代码][代码]: 29, [代码][代码]"callout"[代码][代码]: { [代码][代码]"color"[代码][代码]: [代码][代码]"#78A02E"[代码][代码], [代码][代码]"content"[代码][代码]: [代码][代码]"博希尼湖\nLake Bohinj"[代码][代码], [代码][代码]"display"[代码][代码]: [代码][代码]"BYCLICK"[代码][代码], [代码][代码]"padding"[代码][代码]: 6 } }, { [代码][代码]"iconPath"[代码][代码]: [代码][代码]"http://data.lvyou168.cn/slovenia/marker.png"[代码][代码], [代码][代码]"id"[代码][代码]: [代码][代码]"m17"[代码][代码], [代码][代码]"latitude"[代码][代码]: 46.363598, [代码][代码]"longitude"[代码][代码]: 14.0938053, [代码][代码]"width"[代码][代码]: 22, [代码][代码]"height"[代码][代码]: 29, [代码][代码]"callout"[代码][代码]: { [代码][代码]"color"[代码][代码]: [代码][代码]"#78A02E"[代码][代码], [代码][代码]"content"[代码][代码]: [代码][代码]"布莱德湖\nLake Bled"[代码][代码], [代码][代码]"display"[代码][代码]: [代码][代码]"BYCLICK"[代码][代码], [代码][代码]"padding"[代码][代码]: 6 } }, { [代码][代码]"iconPath"[代码][代码]: [代码][代码]"http://data.lvyou168.cn/slovenia/marker.png"[代码][代码], [代码][代码]"id"[代码][代码]: [代码][代码]"m8"[代码][代码], [代码][代码]"latitude"[代码][代码]: 45.7825175005828, [代码][代码]"longitude"[代码][代码]: 14.2036798059485, [代码][代码]"width"[代码][代码]: 22, [代码][代码]"height"[代码][代码]: 29, [代码][代码]"callout"[代码][代码]: { [代码][代码]"color"[代码][代码]: [代码][代码]"#78A02E"[代码][代码], [代码][代码]"content"[代码][代码]: [代码][代码]"波斯托伊纳溶洞\nPostojnska Jama"[代码][代码], [代码][代码]"display"[代码][代码]: [代码][代码]"BYCLICK"[代码][代码], [代码][代码]"padding"[代码][代码]: 6 } }], [代码][代码] [代码][代码]"polyline"[代码][代码]: [{ [代码][代码]"points"[代码][代码]: [{ [代码][代码]"id"[代码][代码]: [代码][代码]"m17"[代码][代码], [代码][代码]"latitude"[代码][代码]: 46.363598, [代码][代码]"longitude"[代码][代码]: 14.0938053 }, { [代码][代码]"id"[代码][代码]: [代码][代码]"m18"[代码][代码], [代码][代码]"latitude"[代码][代码]: 46.28410887411788, [代码][代码]"longitude"[代码][代码]: 13.858078324634448 }, { [代码][代码]"id"[代码][代码]: [代码][代码]"m19"[代码][代码], [代码][代码]"latitude"[代码][代码]: 46.2383333, [代码][代码]"longitude"[代码][代码]: 13.8125 }, { [代码][代码]"id"[代码][代码]: [代码][代码]"m8"[代码][代码], [代码][代码]"latitude"[代码][代码]: 45.7825175005828, [代码][代码]"longitude"[代码][代码]: 14.2036798059485 }], [代码][代码]"dottedLine"[代码][代码]: [代码][代码]true[代码][代码], [代码][代码]"color"[代码][代码]: [代码][代码]"#78A02E"[代码][代码], [代码][代码]"width"[代码][代码]: 5 }],[代码][代码] [代码][代码]"lng"[代码][代码]: 14.0938053, [代码][代码]"lat"[代码][代码]: 46.363598 },[代码][代码] [代码][代码]onLoad: [代码][代码]function[代码] [代码]() {[代码][代码] [代码][代码]wx.createMapContext([代码][代码]'map'[代码][代码], [代码][代码]this[代码][代码]).includePoints({[代码][代码] [代码][代码]points: [代码][代码]this[代码][代码].data.markers, padding: [60, 20, 60, 20],[代码][代码] [代码][代码]})[代码][代码] [代码][代码]},[代码][代码]})[代码] 代码片段:https://developers.weixin.qq.com/s/VvdFHwm1737c
2019-04-10 - 本地图片转base64后如何应用到背景样式?
https://developers.weixin.qq.com/s/HiIWL2mP7Odb 使用了getFileSystemManager接口去读取本地的图片地址,然后转成base64,想用到background-image样式中,但报错了:**Failed to load local image resource ** 项目必须要用background-image,无法使用image组件。 上面的链接是,代码片段,希望有空的大佬帮忙看下是什么错误导致无法加载图片资源的。
2019-11-21