cloudmap_npm User Guide

对 openlayers 的一些功能封装成组件功能，方便用户直接使用。

Commands

通过以下命令安装cloudmap_npm

npm i @dinnovate/cloudmap_npm # or yarn add cloudmap_npm

Use

import { CMap } from 'cloudmap_npm';

支持 js，ts 使用

instructions

v.1.0.0 已有 CMap,CPoint, CLine,CPolygon 组件 新增 CMap 初始化参数 默认层级，默认图层，默认视角范围 新增 CPoint 绑定点击事件

v.1.0.1 新增 CKML，CSh 组件 新增 CMap 导出 kml 文件方法（文件流格式）

v.1.0.2 新增 map 实例对象 CMap 静态方法 exportKML 静态导出 kml 方法 addEvent 添加鼠标事件 （type：事件类型，event：回调） removeEvent 移除鼠标事件 addDraw 添加地图绘画交互 removeDraw 移除地图绘画交互 addWMTSLayer 添加 WMTS 图层 addXYZLayer 添加 xyz 图层 addWMSLayer 添加 WMS 图层 addTabs 在地图上添加标签 mapMove 地图跳转移动 addVectorLayer 添加矢量图层 cleanMarker 清空 CDraw 标注方法

v.1.0.3 允许绑定多个地图事件 优化 Tabs 数据类型 图层添加新增 extent（边界参数） CMap 新增地图弹窗方法 addOverlay，移除弹窗方法 removeOverlay（通过 id 移除） 地图弹窗方法 addOverlay 参数优化，弹出 id 唯一性 addOverlay 自定义携带参数 addOverlay 新增阻止事件冒泡 addDraw 事件唯一性，防止重复添加 修复 addDraw 无法添加 bug 新增添加海量点方法

v.1.0.4 新增获取指定图层的方法 新增获取指定 map 事件函数 新增 draw 返回对象

component and API

/**
    * @作者:hyh
    * @组件说明:地图初始化组件
    * @组件:CMap
    * @param:
            className       类名
            CenterLonLat    中心点坐标
            Zoom            地图层级
            defaultZoom     地图初始化默认层级11
            defaultExtent   地图初始化默认视角范围[-180, -90, 180, 90]
            defaultLayer    地图初始化默认图层openlayers的OSM图层
            extent          地图视角范围
            layer           自定义加载图层
            layerType       图层类型(默认ol地图） 已有类型 CWhite(云图白)  CBlack(云图黑)  TDTYXMap(天地图影像)  LdMap(莲都区)  DevelopMap(开发区)  LsMap(丽水市) ZjMap(浙江省) NationalMap(全国)  TDTSLMap(天地图矢量图)
            maxZoom         地图加载的最大层级
            projection      地图坐标系  默认EPSG4326
    *@method:
            map             map实例对象
            exportKML       静态导出kml方法
            addEvent        添加鼠标事件 （type：事件类型，event：回调）
            removeEvent     移除鼠标事件
            addDraw         添加地图绘画交互
            removeDraw      移除地图绘画交互
            addWMTSLayer    添加WMTS图层
            addXYZLayer     添加xyz图层
            addWMSLayer     添加WMS图层
            addTabs         在地图上添加标签
            mapMove         地图跳转移动
            addVectorLayer  添加矢量图层
            cleanMarker     清空CDraw标注方法
    */

/**
 * @作者:hyh
 * @组件说明:在地图上添加点位
 * @组件:CPoint
 * @param:
        LonLat           //添加的点位经纬度  默认莲都区
        key              // 点位图层的名称
        color            //点位颜色     默认红色
        radius           //点位大小  默认20
        type             //点位类型    point | icon
        src              // icon 图标  存在默认图标
        imgSize          //图标大小  默认[50,50]
        offset           //图标偏移量  默认 [0,0]
        scale            //图标缩放  默认 1
        data             //点位数据  格式[[],[],[],[],[]]
        zIndex           //点位图层层级    
        onClick          //绑定点击事件
 */

/**
 * @作者:hyh
 * @组件说明:地图添加多边形
 * @组件:CPolygon
 * @param:
    coordinates       //多边形的坐标数组  格式 [[],[],[],[]]
    borderColor       //添加的多边形的边框颜色
    borderWidth       //多边形边框粗细
    fillColor         //多边形的填充颜色
    data              //添加多个多边形数据源 格式 [ [[],[],[],[]] , [[],[],[],[]] , [[],[],[],[]] ]
 */

/**
 * @作者:zl
 * @组件说明:在地图上添加线
 * @组件:CLine
 * @param:
 * position   //添加线的坐标数组    格式[[],[]]
 * color      //线的宽度            默认蓝色
 * width      //线的宽度            默认3像素
 * opacity    //透明度              默认1
 * zIndex     //线所在图层的层级    默认1
 * id        //线所在图层的id
 */

/**
 * @作者:hyh
 * @组件说明:在地图中导入kml文件
 * @组件:CKML
 * @param:
 * url              //kml文件的url
 * fillColorzz      //填充色
 * borderColor      //边界颜色
 * borderWidth      //边界宽度
 * opacity          //透明度
 * zIndex           //层级
 * radius           //点的半径
 * id               //图层id
 */

/**
 * @作者:zl
 * @组件说明:在地图中导入shp文件
 * @组件:CShp
 * @param:
 * url                  //shp文件的url
 * fillColorzz          //填充色
 * borderColor          //边界颜色
 * borderWidth          //边界宽度
 * opacity              //透明度
 * zIndex               //层级
 * radius               //点的半径
 * id                   //图层id
 */

version

v.1.0.4