npm install

npm run serve

npm run build

npm run lint

{
  center: [104.1823, 35.8147],
  zoom: 4,
  basemap: [
    {
      id: 'china',
      name: 'xyz',
      visible: true,
      title: '矢量地图',
      maxZoom: 9,
      minZoom: 4,
      url: 'http://172.39.8.63:8000/services/quanguo/tiles/{z}/{x}/{y}.png'
    }
  ],
  vectormap: [],
  geojson: [
    {
      id: 'cityjson',
      name: 'geojson',
      visible: true,
      source: {
        url: 'http://172.39.8.63:8000/assets/city.json'
      },
      styles: {
        fill: 'transparent',
        stroke: 'red'
      }
    }
  ],
	extends: any // 扩展数据, 点击查询返回
}

{
	data: {
		// 选中区域
		code: 'xxx',
		features: [],
		styles: {
          fill: 'transparent',
          stroke: '#000000'
        },
		data: [
			// 区域内
			{
				code: 'xx',
				value: '1000m',
				features: [],
				styles: {
							// font 生效需要指定字体
							text: {
								font: '20px Calibri,sans-serif',
								fill: '#315efb'
							},
              fill: '#27ff0080',
              stroke: 'red' || {color: 'red', width: 10}
            }
			}
		]
	}
}

	position: [0, 0],
	styles: {
		text: {
			font: '12px PingFang SC',
			justify: 'center',
			textAlign:'center',
			fill: '#000',
			stroke: '#fff'
		},
		icon: {
			fill: '#000',
			stroke: '#fff',
			radius: '15px'
		},
		image: {
			src: 'http://www.baidu.com'
		}
	}

  positions: [
    {
      position: [],
      styels: {}
    },
    ...
  ],
  styles: {
    text: {
			font: '12px PingFang SC',
			justify: 'center',
			textAlign:'center',
			fill: '#000',
			stroke: '#fff'
		},
		icon: {
			fill: '#000',
			stroke: '#fff',
			radius: '15px'
		},
		image: {
			src: 'http://www.baidu.com'
		}
  }

Grid					格网类
HexGrid				六边形类
getArea				获取多边形面积
getDistance		获取点到点的距离
getPerimeter	获取多边形周长

### 坐标转换函数
gcj02Tobd09		
bd09Togcj02,
bd09Towgs84,
wgs84Togcj02,
wgs84Tobd09,
gcj02Towgs84 

### 地图方法
renderXYZ 自定义切片地图加载
const xyzCongif = {
		mapProxyUrl: 'http://172.39.8.63:16501/mapproxy',
		url: 'http://172.39.8.63:8000/services/quanguo/tiles',
		param: '',
		render: 'color',
		renderopt: {
			reverse: true,
			graylevel: [0.63, 0.3, 0.1],
			coloroffset: [0, 0, 80]
		}
}
renderXYZ(map, xyzConfig) // map对象