Vue-Amap集成Mint UI地图示例
Vue 项目里的地图功能怎么搞得好？用Vue-amap配合Mint UI其实挺顺的。这个“vue-amap min-ui 集成测试 demo 地图加 mint-ui”项目就是个不错的参考例子，地图能展示、按钮能点，页面看起来还挺舒服。
高德地图的Vue-amap组件做得比较细，像是地图实例、标记点、事件监听都能直接在.vue文件里写，响应也快，代码也简单。你想加点复杂点的功能，比如路径规划，也能搞。
Mint UI就是那种上手快的移动端 UI 库，按钮、加载提示、Popup 这些都有，颜值还在线。你可以用
从项目结构看，应该是用Vue CLI搭出来的，基本套路都有：组件分模块、用main.js统一注册插件，App.vue挂载一波。也有引了点ES6语法，像箭头函数啊、模板字符串这些，老前端一看就懂。
UI 方面八成用了SCSS来样式，不然那种模块化的风格不太好写。如果你想改样式，建议直接动 SCSS 文件，更灵活。
Webpack 那块默认的配置就能跑了，除非你想折腾点什么懒加载、图片压缩之类的，才需要动配置。
项目名字里带“测试”，估计也写了点单元测试或集成测试，比如用Jest或者Mocha，你可以参考下测试结构怎么搭。
如果你刚好想在移动端 Vue 项目里集成地图功能，不妨看看这个 demo，挺适合快速上手、摸清套路的。
文件大小：475.27KB
评论区