地图定位在国外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], }) }, }) |
问题已复现,我们修复下
多谢~
一二线城市,美女外围兼职信息 www.lsjzyk.cn/yuehui
请问问题修复了吗?我也遇到了同样问题
视乎还没解决,还是被覆盖
请问这个问题解决了吗?我也遇到和你一样的问题
这个问题还是会复现,现在的海外的地图图片还是覆盖了polyline
这个问题如何解决。我也遇到了
真机不显示吗?还是?
是的,真机上不显示线条。感觉被地图图片覆盖了,放大到50KM以上才会显示出来线条
这个是缩放时出现的,有地图图片的就被遮盖了,左上角图片没加载出来,polyline显示出来了