首页 > 微站云课堂 > 微信小程序实现地图夜间模式与日间模式的切换

微信小程序实现地图夜间模式与日间模式的切换

2019-09-18 22:10:38       资讯>微站云课堂>微站云 阅351

微站云 2019-09-18

           最近公司接了一个跑步小程序项目,用到腾讯地图,因为是外包的项目,客户直接上来就是设计好的设计图且一定需要达到想要的效果,在使用地图的时候,需要做到日间模式和夜间模式切换模式,在网上找了好久,没找到解决的方案。

    

         需要达到的效果如下图:

最后在小程序的地图组件文档里看到了如下内容:

地图。相关api wx.createMapContext。

个性化地图能力可在小程序后台“开发-开发者工具-腾讯位置服务”申请开通,
详见《小程序个性地图使用指南》。 小程序内地图组件应使用同一 subkey,可通过 layer-style(地图官网设置的样式 style 编号)
属性选择不同的底图风格。 组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)。


这时候你以为 解决问题了,那你就错了。个性化地图配置的 style,不支持动态修改,也就是不能用事件去修改地图的样式。[坏笑][坏笑][坏笑]



     这就难道宝宝了,本以为发现解决问题的方法,结果还是不能动态修改地图样式。看来是时候跟需求方沟通改方案了,既然官方文档都这样说,我又有什么办法呢?要知道,让需要方改方案是一个比较困难的事情,他们不同意改。那就再发挥一些主观能东西,网上一顿找,还是没有办法。因为是第一次做尝试做跑步小程序,网上是没有任何可以参考资料。希望今后能看到我篇文章的人,要给我一个大大赞。因为毕竟我是大费周折才解决的问题,被你几分钟就看到了。好了,不卖官子了。


直接说真相吧:


解决方案:就是在小程序页面里同时引用2个地图,一定是其他参数一样。用hidden控制显示那个一个地图。这样就完美解决问题了。


总结:1.需要小程序开通腾讯位置服务

              2.需要接口支持

             3.需要引用2个一致的map


微站云承接:跑步类小程序开发,景区导览小程序开发,语音播报等开发业务,欢迎来到咨询


如果你觉得本文章节省了你的开发时间,让你少加班,让你能更早的回家陪女友或者打游戏,能让你更快速的挣到钱,那么请支持我1元钱!如需获得更多有效帮助请加我微信18910276806,如未及时通过系我工作繁忙,敬请谅解




阅读:351
微站云小程序开发热线:18910276806