哒哒的马蹄儿

前言 之前也有做过地图组件（貌似使用百度 api），但大多都是cv也没有去深究。 刚好之前公司有个项目需要点击地址跳转到地图页，在地图页显示相关地址信息，也借此机会重新学习了一下高德地图 api。

在高德地图中使用Vue组件进行自定义Marker、InfoWindow。更方便的创建自定义元素，并实现数据的动态更新。

高德地图中使用 Vue 组件自定义 InfoWindow 信息窗口。将vue实例挂在到信息窗体中实现，更方便的实现信息窗体的信息与外部通信。相对复杂的实现方式

大屏可视化方案 方案 1 scale 1.优点:无需考虑 rem 单位,无需考虑定位,一次适配,无需单独处理图标 2.缺点:两边留白,比例过大时热区偏移,字体模糊. 具体实现 根据屏幕的变化适配的比例

当我还沉浸在UI样式改版后的喜悦中时，QA同学拿着他的华为Mate X5（折叠屏手机）来找我："这个字体在展开状态下太大了，影响用户体验"。这才意识到我们的H5页面一直没有在折叠屏设备上进行过充分测试

下面我将分享一些实用的封装技巧，帮助你创建更灵活、可维护的组件。 初始封装方案的问题 这种封装方式存在明显问题：每次新增需求都需要修改组件代码，导致组件越来越臃肿。 优化方案：使用$attrs和$sl

使用高德地图完成自定义地图撒点、撒点点击、聚合、地理逆解析、轨迹（轨迹回放/暂停动画/倍速/进度条拖拽）、输入提示、点位拾取等

tooltip是一个非常常见的交互，一般用于补充文案说明。比如下面这种（蓝色边框表示屏幕边缘） 通常tooltip都会有一个固定的方向，比如top表示垂直居中向上。 但是，如果提示文案比较多，提示区域

背景简介 这几天代码评审，领导无意中看到了我本地代码的控制台，被我花里胡哨的console打印内容吸引了！ 老板看见后，说我这东西有意思，花里胡哨的，他喜欢！