Fusión del sistema de coordenadas del mapa echarts y archivos json de múltiples provincias

Instalar echarts

yarn add echarts

El archivo json datav utilizado para obtener la fuente de datos de provincias y ciudades
utiliza el sistema de coordenadas Amap, es decir, las coordenadas de la Oficina Nacional de Topografía y Topografía (GCJ-02). Para GPS, es decir, la longitud y latitud del sistema de coordenadas WSG84 deben convertirse a coordenadas GCJ-02 para que se muestren correctamente en el mapa.

Generar sistema de coordenadas geográficas.


var uploadedDataURL = "./js/henan.json"; //地区的json
  (function(){
    $.getJSON(uploadedDataURL,null,function(data){
      var myChart = echarts.init(document.getElementById('chart1'), "westeros");
      echarts.registerMap('henan', data);  //将地区数据注入到地图中
      option = {
        geo: {
            show: true,
            map: 'henan',
            
            itemStyle: {
                normal: {
                    // areaColor: '#031525',
                    // borderColor: '#3B5077',
                },
                emphasis: {
                    areaColor: '#2B91B7',
                }
            }
        },
        series:[
        {
            type: 'map',
            map: 'henan',
            geoIndex: 0,
            aspectScale: 0.75, //长宽比
            showLegendSymbol: false, // 存在legend时显示
          
            
            animation: false,
            data: [
              {name:'武清区',value:39},
            ]
        },
        ]
      }
      myChart.setOption(option);
    })
  })()

Fusionar archivos json en varias provincias

Fusionar la dirección json de varias provincias : http://geojson.io/#map=5/33.229/108.149

Uso

1. Cargue los archivos json de la región que deben fusionarse
Insertar descripción de la imagen aquí

2. Una vez que la carga se haya realizado correctamente, se generarán los datos json combinados y podrá copiarlos en su propio archivo de proyecto.
Insertar descripción de la imagen aquí

Supongo que te gusta

Origin blog.csdn.net/weixin_42215897/article/details/120156666
Recomendado
Clasificación