# 可视化地图

**Repository Path**: ChenzdCode/map

## Basic Information

- **Project Name**: 可视化地图
- **Description**: 基于WebGL的可视化地图
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 5
- **Created**: 2020-11-23
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 基于WebGL的可视化地图

依赖库：jQuery、TweenMax、Pixi.js。

## MapChart.js

最基本的地图的可视化绘制，包括地图区块MapChartItem、默认投影器DefaultProjector（也即经纬度与XY的转换器）以及默认样式DefaultStyleCoordinator。

## Map.js

对可视化地图的二次封装，提供了创建打点、连线、区域填充功能，分别对应了setDotData、setLineData、setFillData。

## AnimatedObject.js

主要用于实现地图上的标注信息，包括打点、连线。

## *说明*

该示例中实现了地图的无缝下钻以及地图的多维度可视化（打点、连线、区域填充）呈现，由于地图数据量太大，所以只放了世界地图数据、中国地图数据、美国地图数据以及国内北京、山东地图数据，也就是说只能下载这么几个地区，其他如果需要的话，可以找井方提供。

## *目前已知的bug*

采用的是分步加载地图数据的形式，加载过的地图第二次进行钻取时失败。