目录前言一、场景需求1、Leaflet.js的不足2、Turf.js二、原始数据展示1、点位数据展示 2、定义样式3、定位数据初始化三、Turfjs中bbox生成 1、官网讲解2、轨迹bbox生成四、Turfjs生成外包多边形1、官网例子2、凸多边形生成总结前言        在一些共享出行的应用地图中，以美团共享骑行为例，在城市的重要地方会设置电子围栏。防止由于共享单车无序停放而导致影响交通出行的障碍。比如在星城，湘江一桥及橘子洲景区就是设置了禁停区。可以看一下下面的地图：        这里的禁停区就是一个非常明显的电子围栏的应用。 于此同时在面向GIS的安防领域，这方面的应用同样层出不穷

前言leaflet入门开发系列环境知识点了解：leafletapi文档介绍，详细介绍leaflet每个类的函数以及属性等等leaflet在线例子leaflet插件，leaflet的插件库，非常有用内容概览leaflet结合turf.js实现绘制图形缓冲分析buffer功能源代码demo下载绘制图形buffer实现借助了一个插件turf.js：http://turfjs.org效果图如下：部分核心代码，完整的见源码demo下载varbufferstyle={fillColor:"#e6d933",fillOpacity:0.3,stroke:true,fill:true,color:"#FF00

使用uni-app中map组件实现路线轨迹回放功能。 1、通过接口获取返回的轨迹点。2、地图的坐标系与轨迹点的坐标系要保持一致，否则轨迹有偏差。点经纬度转换，wgs84togcj02=》js工具类合集（utils.js）3、绘制开始结束点，设置地图经纬度。4、polyline，绘制路线点，属性：[{            points:arr,//经纬度数组            color:'#0000FF',//线的颜色            width:10,//线的宽度            borderWidth:2,//线的厚度            arrowLine:true,