uniapp中movable-area的应用

今天客户提了一个需求，想做一个页面，页面中放一张底图，可以滑动这张底图，也可以放大显示这个底图，形式上类似百度地图的操作一样。找了找资料，发现使用movable-area和movable-view配合起来使用能实现这样的效果。示例代码如下：

一、代码：

二、效果：

效果

注意：

底图的比例尽可能大于手机的高与宽的比值，这样滑动的时候不会出现底部显示不全。