u010974711的博客

在上一个分享中，主要讲解了如何在地图上绘制常用的线。这一次主要讲解怎么在高德地图中使用threejs。组件库中已经封装了基础的threejs组件，包括three图层、灯光组件、gltf组件、3dtiles组件等，今天主要介绍three图层以及怎么在叠加threejs的同时使用threejs的后处理功能。

vuemap/vue-amap是基于高德JSAPI2.0、Loca2.0封装的vue组件库，支持vue2、vue3版本。在上一个分享中，主要讲解了如何在地图上通过鼠标组件实现电子围栏的绘制。这一次主要讲解怎么使用地图提供的各种线组件。组件库中对于线的展示提供了几个不同的组件，有基础的矢量线、适合大数据量的loca的线、动态线、连接线等等，下面对于各个场景下线的使用进行详细说明。

矢量图形绘制主要用于电子围栏等场景使用，在使用过程中我们一般需要绘制点、折线、圆、矩形、多边形。高德提供了一个功能丰富的插件`AMap.MouseTool`，组件库在该插件的基础上预置了很多功能，包含数据处理，鼠标tip提示等等。下面我们使用一个细致的示例来展示怎么通过`el-amap-mouse-tool`组件以及其他基础的点、线等组件实现电子围栏功能

vuemap/vue-amap是基于高德JSAPI2.0、Loca2.0封装的vue组件库，支持vue2、vue3版本。在上一个分享中，主要讲解了如何在地图上展示动态的标记。这一次主要讲解怎么基于地图组件实现数据的聚合效果展示。对于数据的聚合展示，日常使用中常用的展示方式就是点聚合以及热力图方式。下面详细介绍各自对应的组件的应用。

vuemap/vue-amap是基于高德JSAPI2.0、Loca2.0封装的vue组件库，支持vue2、vue3版本。在上一个分享中，主要讲解了瓦片图层加载的，包含火星坐标系以及其他坐标系的瓦片，这一次分享着重讲怎么在高德地图中加载动图的使用技巧。对于动图，我们第一反应是使用gif进行效果展示，除了gif，我们还可以使用loca里的帧动画、视频播放、threejs等等。下面就详细进行介绍。

vuemap/vue-amap是基于高德JSAPI2.0、Loca2.0封装的vue组件库，支持vue2、vue3版本。在上一个分享中，主要讲解了单信息框与多信息框的使用的使用情况，这一次分享着重讲怎么在高德地图中加载第三方瓦片的使用技巧。对于瓦片加载，日常使用时会碰到两种坐标系，一个是基于WGS84生成的瓦片、另一个是基于火星坐标系生成的瓦片。

vuemap/vue-amap是基于高德JSAPI2.0、Loca2.0封装的vue组件库，支持vue2、vue3版本。在上一个分享中，主要讲解了不同数量级的标号组件的使用情况，这一次分享着重讲经常与标号配套使用的信息框的使用技巧。对于信息框，高德地图官方设定的是同一时间地图上只能显示一个infoWindow，但在特定的需求下可能会要求地图上对于出现的几个标号都给它显示对应的信息框，这时候需要做一些特殊的处理。

vuemap/vue-amap是基于高德JSAPI2.0、Loca2.0封装的vue组件库，支持vue2、vue3版本。在使用地图做可视化效果展示时，最常见的就是标号功能。日常开发中可能会使用到几十个、几百个、甚至几万个标号的展示，今天主要介绍在使用时怎么对不同数量级、不同需求的标号进行展示。

vuemap/vue-amap是基于高德JSAPI2.0、Loca2.0封装的vue组件库，支持vue2、vue3版本。在使用组件库进行地图开发时，常常根据需求需要做一些特殊的功能开发，今天主要介绍一些日常开发中常用的开发功能技巧。

vuemap/vue-amap的加载主要是通过方法，内部实现则是使用高德官方提供的插件来实现，通过动态添加script来实现地图JS文件的加载。

@vuemap/vue-amap插件是在vue-amap基础上重新处理封装，vue版本升级为3.0，事件绑定方式调整为v-on，支持typescript，支持IDE提示（webstorm和vscode），支持tree-shaking，对高德可视化组件loca进行封装，提供默认的图层样式处理。