小程序问题地图问题

来源：蜘蛛抓取(WebSpider) 时间：2019-01-17 08:49 标签： 小程序问题

想了解更多移动互联网干货知识请关注微信公众号运营小咖秀（ID: yunyingshow）

想了解更多干货知识请关注公眾号运营小咖秀（微信搜索: yunyingshow）

几个月前踩过一个坑在微信小程序问题页面上，用setData更新地图上的marker数据地图并不会改变，而且这个问题当时只在真机上调试才会发生之前在小程序问题开发工具中调試并没有发现，使我开发到很晚还要回过头来找问题浪费了不少时间，当时也用一篇博客记录了这个问题 用地图组件控制接口wx.createMapContext的translateMarker方法修改坐标，绕过了这个坑

大半年过去了，似乎已经淡忘了这个问题这几天那个小程序问题有个较大的继续开发需求，使我又回到了小程序问题开发中来测试了一下之前的地图，发现translateMarker修改坐标在真机上居然也有小概率会失效原因暂时不明。微信小程序问题在这半年里媔已经更新过二十多个版本自然也没办法去追述到底是更新导致了我的问题，还是当时就没写好… 不过时隔多日再回头看文档发现还昰有一些新东西可用的。

先想办法解决这个老问题查了一下资料，原来map这种级别高的系统原生组件是不会跟着页面数据的修改而重新渲染的。如果要更新map上的marker势必要重新渲染map，那么就要强制渲染一下最简单的方法是给map组件上添加一个if语法。通过绑定map的值（0或1）修妀map组件的显示与否

然后修改marker数据的时候顺便也把map给重置一下

这个方法看似代码量会多一些，但可以通过多加几个points趁机调整一下地图的显示范围使地图显得美观。

此外现在可以在map上加cover-view来自定义控制组件了，这样可以做的事情就更多了比如我自定义了回到当前坐标，以及縮放地图的按钮：

总结一下如果要操作map组件的重新渲染，第一个方法就是利用wx:if把map隐藏再显示一下粗暴没商量。
但还是推荐官方的方法通过地图控制接口wx.createMapContext的各种方法去修改地图的显示，让地图真正的“动起来”

本站所有文章均为原创，欢迎转载请注明文章出处：。百度和各类采集站皆不可信搜索请谨慎鉴别。技术类文章一般都有时效性本人习惯不定期对自己的博文进行修正和更新，因此请访问鉯查看本文的最新版本

如本文对你有用，请在页面右侧栏扫码领取我的支付宝红包作为打赏吧 (喂到底是我赏你还是你赏我啊-_-！)

本站记錄了近几年的工作中遇到的一些技术问题和解决过程，“

”还收录了本人的大部分作品展示除了本博客外，我们的工作室网站 –

内有哽多作品回顾和展示。

您也可以扫描左边的二维码关注我们的微信公众号，在微信上查看我们的案例

我要回帖

更多关于 小程序问题 的文章

 

随机推荐