echarts地图画散点的详细步骤和要注意的地方

画echarts地图散点的步骤如下：

1. 准备地图数据：首先需要准备好地图数据，一般是JSON格式的地图数据，可以从echarts官网下载或者使用第三方地图数据。

2. 准备散点数据：准备散点数据，每个散点应该是一个对象，包含经纬度等信息。例如：

   [
     {name: '北京', value: [116.46, 39.92]},
     {name: '上海', value: [121.48, 31.22]},
     {name: '深圳', value: [114.07, 22.62]}
   ]

3. 初始化echarts实例：在HTML页面中引入echarts库，然后创建一个echarts实例。

4. 配置地图数据：使用echarts提供的API，配置地图数据。例如：

   option = {
       tooltip: {
           trigger: 'item',
           formatter: '{b}'
       },
       geo: {
           map: 'china'
       }
   };

上面的代码中，tooltip参数用于配置鼠标移动到地图上的提示框，geo参数用于配置地图数据，map属性指定地图类型。

5. 配置散点数据：使用echarts提供的API，配置散点数据，例如：

   option.series = [{
       name: '散点',
       type: 'scatter',
       coordinateSystem: 'geo',
       data: [
           {name: '北京', value: [116.46, 39.92]},
           {name: '上海', value: [121.48, 31.22]},
           {name: '深圳', value: [114.07, 22.62]}
       ]
   }];

上面的代码中，series参数用于配置图表系列，name属性用于设置系列名称，type属性设置系列类型，coordinateSystem属性设置坐标系类型，data属性设置散点数据。

6. 渲染地图：调用echarts实例的setOption方法，将上面的配置项传入，然后调用echarts实例的方法，渲染地图和散点。

要注意的地方：

1. 地图数据和散点数据的格式必须正确，否则无法正确显示地图和散点。

2. 如果使用的是第三方地图数据，需要注意地图数据的坐标系类型，必须与散点数据的坐标系类型匹配。

3. 散点数据的范围不能过大或过小，否则会影响地图的显示效果。

4. 在配置散点数据时，需要指定坐标系类型为'geo'。

5. 可以通过调整坐标系的中心点和缩放级别，来调整地图的显示效果。