echarts地图，经纬度坐标转屏幕坐标

ECharts是一个强大的JavaScript数据可视化库，特别适合用于创建交互式的图表和地图。在ECharts中，地图组件提供了丰富的地理信息数据，包括中国、世界等不同级别的地图。要将经纬度坐标转换为屏幕坐标（像素坐标），ECharts内部使用了一种叫做Mercator投影（也称为墨卡托投影）的算法，这是地图绘制中常用的投影方法，目的是在平面上保持距离的比例。

经纬度到屏幕坐标的转换过程通常是这样的：

1. **地图初始化**：首先你需要在ECharts实例中加载地图，并指定地图的中心经纬度（地图视图的中心点）和缩放级别。

var myChart = echarts.init(document.getElementById('main'));
myChart.setOption({
    map: 'China', // 选择中国地图
    center: [108.974, 35.862], // 地图中心点经纬度
    zoom: 1.2 // 缩放级别
});

2. **地图坐标系**：ECharts内部有一个名为`geo`的对象，它处理地图相关的坐标变换。经纬度坐标存储在`geo.projection`属性中，屏幕坐标则通过`geo.transfrom`方法获取。

3. **转换函数**：当你需要从经纬度到屏幕坐标的转换时，可以使用`geo.transfrom`，传入经纬度数组作为参数，它会返回一个包含经度和纬度坐标的二维数组，通常用作图形的位置参数。

var lnglat = [116.404, 39.9]; // 示例经纬度
var screenCoord = myChart.api.geo.transfrom(lnglat);