zh-mapbox 0.1.59 → 0.1.60

package/README.md

@@ -89,6 +89,8 @@ RegisterMapBoxModel(THREE,GLTFLoader)
 | **setLayerOrder**(order)-(0.1.49)                            | order:true  （排最后）                                       | zIndex图层排序方式                       |
 | **setDefaultLayerIndex**(index)-(0.1.49)                     | index:number                                                 | 图层添加默认zIndex                       |
 | **lazyLoadAddImages**(urls)-(0.1.51)                         | urls:{key:any}                                               | 懒加载图片                               |
+| **MapSelectBox**(options)-(0.1.60)                           | options:{}                                                   | 地图框选                                 |
+| **isPointOnEarth**(lnglat,strict)-(0.1.60)                   | lnglat:{<br>lng:number,<br>lat:number}<br>strict:boolean 更严格的判断[false] | 点是否在地图上                           |
 
 ### Map.Style
 
@@ -332,7 +334,33 @@ const layer = map.MapImageByGeoJson()
       })
 ```
 
+##### **MapSelectBox**
 
+```js
+options:{
+ cursor:string,//鼠标样式
+ line:{
+   color:string,//线颜色
+   width:number,//线宽度
+   opacity:number,//线透明度
+   dash:number[]//虚线样式
+ },
+ fill:{
+   color:string,//填充颜色
+   opacity:number,//填充透明度
+ }
+}
+```
+
+
+
+| 方法名              | 参数                    | 描述     |
+| ------------------- | ----------------------- | -------- |
+| **draw**( callback) | callback 框选完成的回调 | 开启绘制 |
+| **off**()           |                         | 停止监听 |
+| **remove**()        |                         | 清除绘制 |
+| **visible**(show)   | show:boolean            | 显示隐藏 |
+| **destroy**()       |                         | 销毁     |
 
 #### 公共方法
 

package/dist/index.d.ts

@@ -795,5 +795,36 @@ declare module 'mapbox-gl' {
      * @param urls {key:any}
      */
     lazyLoadAddImages(urls: object): void;
+
+    /**
+     * 地图框选工具
+     * @param {object} [options]
+     * @param {string} [options.cursor] 鼠标样式
+     * @param {object} [options.line] 线样式
+     * @param {string} [options.line.color] 线颜色
+     * @param {number} [options.line.width] 线宽度
+     * @param {number[]} [options.line.dasharray] 虚线样式
+     * @param {number} [options.line.opacity] 透明度
+     * @param {object} [options.fill] 填充样式
+     * @param {string} [options.fill.color] 填充颜色
+     * @param {number} [options.fill.opacity] 透明度
+     * 返回 MapSelectBox 实例，提供以下方法：
+     * - draw(callback): 开启绘制
+     * - off(): 关闭监听
+     * - remove(): 清除选择
+     * - visible(visible): 设置可见性
+     * - destroy(): 销毁图层
+     * @returns MapSelectBox 实例
+     */
+    MapSelectBox(options?: { cursor?: string, line?: { color?: string, width?: number, dasharray?: [number, number], opacity?: number }, fill?: { color?: string, opacity?: number } }): any;
+
+    /**
+     * 点是否在地图上
+     * @param {object} lngLat 经纬度
+     * @param {number} lngLat.lng 经度
+     * @param {number} lngLat.lat 纬度
+     * @param {boolean} [strict] 是否严格判断 【false】
+     */
+    isPointOnEarth(lngLat: { lng: number, lat: number }, strict?: boolean): boolean;
   }
 }