echarts-map

介绍

echarts-map，中国地图预览，支持下钻至 省-市-区

在线预览

运行环境

下列只需满足 1 或 2 即可运行访问

1. 需在本地搭建http服务，访问 index.html （可用 阿帕奇配置转发代理） 例如：http://localhost:8080/map/index.html

或

2. 简单快速方法

   2.1.使用谷歌浏览器

   2.2.在谷歌浏览器的快捷方式 目标处添加参数启动

   2.3 -disable-web-security -user-data-dir="d:\Temp"

例如: "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" -disable-web-security -user-data-dir="d:\Temp"

​ 2.4.打开修改后的谷歌浏览器，再打开 index.html （即用带参数启动的谷歌浏览器访问index.html）

方法api

默认生成地图

    // 生成中国地图
    createMap()

生成省级地图

    // 生成广东省地图
    createProvinceMap({
        id: '440000',
        name: '广东省',
        level: LEVEL_PROVINCE,
        back: false
    })

生成市级地图

    // 生成广州市地图
    createCityMap({
        id: '440100',
        name: '广州市',
        level: LEVEL_CITY,
        back: false
    })

修改地图配置项

配置项文档
注意：需要在地图渲染完后方可修改

 setConfig({
            series: [
                {
                    itemStyle: {
                        areaColor: '#91a9fc',
                    }
                }
            ]
        })

地图渲染完成后修改地图区块颜色

    createMap().then(() => {
        setConfig({
            series: [
                {
                    itemStyle: {
                        areaColor: '#91a9fc',
                    }
                }
            ]
        })
    })