世界地图

      this.chart.setOption({
        tooltip: {
          //圆点tooltip
          formatter: "{b}",
          emphasis: {
            show: false,
          },
        },
        geo: {
          show: true,
          map: "world",
          roam: true,
          data: global,
          zoom: 1.3,
          tooltip: {
            trigger: "item",
            formatter: "{b}",
            emphasis: {
              show: false,
            },
          },
          label: {
            emphasis: {
              color: "#fff",
              fontSize: 15,
              show: true,
            },
          },
          nameMap: nameMap,
          zlevel: 1,
          itemStyle: {
            normal: {
              areaColor: "rgba(128, 128, 128, 0.05)",
              borderColor: "#77d8d8",
            },
            emphasis: {
              areaColor: "rgba(128, 128, 128, 0.3)",
            },
          },
        },
        series: [
          {
            name: "Top 5",
            type: "effectScatter",
            coordinateSystem: "geo",
            data: [
              { name: "香港", value: [114.15, 22.15] },
              { name: "台湾", value: [121.5, 25.05] },
              { name: "菲律宾", value: [120, 15] },
              { name: "美国", value: [-77.013222, 38.913611] },
            ],
            symbolSize: 14,
            nameMap: nameMap,
            showEffectOn: "render", //何时显示特效
            rippleEffect: {
              brushType: "stroke", //波纹绘制方式
              scale: 4,
            },
            hoverAnimation: true,
            label: {
              formatter: "{b}",
              position: "right",
              show: true,
            },
            itemStyle: {
              color: "#f4e925",
              shadowBlur: 5,
              shadowColor: "#333",
            },
            zlevel: 2,
          },
          {
            name: "点",
            type: "scatter",
            coordinateSystem: "geo",
            // symbol: "pin",
            symbolSize: 8,
            label: {
              //显示点值
              normal: {
                show: false,
                textStyle: {
                  color: "#fff",
                  fontSize: 15,
                },
              },
            },
            itemStyle: {
              normal: {
                color: "#ddb926", // 标志颜色
              },
            },
            zlevel: 2,
            data: this.randomLonLat,
          },
        ],
      });