微信小程序如何实现按字母顺序选择城市的字母索引功能？

本文共计1609个文字，预计阅读时间需要7分钟。

通过小程式整合腾讯地图，实现城市查询与信息展示。功能包括：查看效果、实现想法、使用步骤。具体操作请访问：https://lbs.qq.com/qqmap_wx_jssdk/index.。涉及城市列表、信息更新及三个交互元素。

实现效果预览

实现思想

利用小程序腾讯地图将所有城市查出来，并将其渲染至页面（lbs.qq.com/qqmap_wx_jssdk/index.html）（其中字母栏也根据获取到的数据变化）

其中涉及三个交互（点击字母时滚动到相应位置；滑动触摸字母时，需滚动到相应位置，并有当前哪个字母的提示，且有震动感；手动滑动页面时，需将当前对应的字母选中）

滑动触摸字母时，首先要得到所有字母所在块的高度，再平均的获取到每个字母的高度。