cqkj-map-2d v1.0.0

二维地图可视化组件

简介

基于leaflet封装的数据可视化组件,目前包含天地图服务，鼠标绘图功能

安装

npm i cqkj-map-2d

初始化地图控件

对于leaflet原生api的使用请参考leaflet官方文档

let map= L.map("map", {
    center: [32.027173, 114.431974],
    zoom: 5,
    attributionControl: false,
    zoomControl: false,
    doubleClickZoom: false,
    zoomSnap: 0.1,
    zoomDelta: 0.1,
    wheelPxPerZoomLevel: 120
});

使用天地图

组件内置三个天地图服务

import { TianDiTu } from "cqkj-map-2d";

//行政地图服务
TianDiTu.vec_w.addTo(map)  //图片
TianDiTu.cva_w.addTo(map)  //文字

//卫星影像服务
TianDiTu.img_w.addTo(map)  //图片
TianDiTu.cia_w.addTo(map)  //文字

//地形地图服务
TianDiTu.ter_w.addTo(map)  //图片
TianDiTu.cta_w.addTo(map)  //文字

鼠标绘图

绘制矩形

import { RectanglePainer } from "cqkj-map-2d";
//初始化对象以后便会进入绘图模式
let painter = new RectanglePainer(map,option?)
//销毁对象退出绘图
painter.destroy()

RectanglePainer

option

方法

属性

绘制圆形

import { CirclePainter } from "cqkj-map-2d";
//初始化对象以后便会进入绘图模式
let painter = new CirclePainter(map,option?)
//销毁对象退出绘图
painter.destroy()

CirclePainter

option

方法

属性

绘制多边形

import { PolygonPainter } from "cqkj-map-2d";
//初始化对象以后便会进入绘图模式
let painter = new PolygonPainter(map,option?)
//销毁对象退出绘图
painter.destroy()

PolygonPainter

option

方法

属性

辅助方法

import { util } from "cqkj-map-2d";

util