vue 实现 ios 原生picker 效果及vue使用腾讯地图获取当前位置

vue 实现 ios 原生picker 效果

若是想看原理,可以看这篇文章https://www.oudahe.com/p/43627/
若是想直接上手用,这里的组件可以直接拿来用https://github.com/k186/pd-se...

vue 实现 ios 原生picker 效果及vue使用腾讯地图获取当前位置_第1张图片

picker 效果组件的运用

vue 实现 ios 原生picker 效果及vue使用腾讯地图获取当前位置_第2张图片

vue 实现 ios 原生picker 效果及vue使用腾讯地图获取当前位置_第3张图片

腾讯地图获取当前位置

vue 实现 ios 原生picker 效果及vue使用腾讯地图获取当前位置_第4张图片

想要使用腾讯地图,首先当然得看腾讯地图的开发指南http://lbs.qq.com/tool/compon...

vue 实现 ios 原生picker 效果及vue使用腾讯地图获取当前位置_第5张图片
我这边使用的是方法一(通过iframe内嵌调用):
参照文档写的例子来用就行,关键是看你拿到数据怎么处理

clipboard.png

vue 实现 ios 原生picker 效果及vue使用腾讯地图获取当前位置_第6张图片

tengxunmap组件里面的内容

vue 实现 ios 原生picker 效果及vue使用腾讯地图获取当前位置_第7张图片

验证之前
vue 实现 ios 原生picker 效果及vue使用腾讯地图获取当前位置_第8张图片
验证之后

vue 实现 ios 原生picker 效果及vue使用腾讯地图获取当前位置_第9张图片

组件js部分:

vue 实现 ios 原生picker 效果及vue使用腾讯地图获取当前位置_第10张图片

你可能感兴趣的:(javascript,vue.js)