微信小程序踩坑日记5——原生地图组件适配

0. 问题描述

​ 微信小程序在 IOS 端使用 MapContext.moveToLocation()，虽然调用成功，但是无法移动 map 组件的问题。在安卓端暂未出现此问题。

1. 解决方案

​ 主要是因为微信小程序在 IOS 端和 Android 端的版本库不一致，造成在 IOS 端无法使用此功能。要达到移动 map 组件中心位置的方案有两种：

• 一个就是使用 MapContext.moveToLocation() 移动 map，

• 另一个则是在 wxml 的 map 标签中定义 longtitude 和 latitude 属性。

  

这里主要使用第二种方案来解决 IOS 的适配问题。但是，也存在着牺牲视觉效果的问题。第二种方案在移动 map 时是瞬间移动，不存在过渡动画。而使用 moveToLocation() 就会有过度动画。看个人取舍了。