echarts做的地图

options = {
    tooltip: {
      show: tre,
      triggerOn: 'item'
    },
    geo: {
      show: true,
      map: 'china',
      zoom: 1,
      label: {
        show: true,
        color: '#ccc',
        fontSize: '12'
      },
      left: 'center',
      roam: false,
      itemStyle: {
        normal: {
          areaColor: '#243141',
          borderColor: '#B7A770',
        },
        emphasis: {
          areaColor: '#4499d0',
        }
      }
    },
    series: [
      {
        name: '散点',
        type: 'effectScatter',
        coordinateSystem: 'geo',
        symbol: ['circle'],
        symbolSize: 7,
        hoverAnimation: true,
        zlevel: 1,
        rippleEffect: {
          brushType: 'stroke',
          scale: 4
        },
        data: this.convertData(WarehouseGeo), // [{name,value, ...other}]
        itemStyle: {
          normal: {
            color: '#FB9E00',
            shadowBlur: 10,
            shadowColor: '#FB9E00'
          },
          emphasis: {
            
          }
        }
      }

    ]
  }
// 坐标不对,见谅
export const WarehouseGeo = {
    北京: { value: [123.241607, 45.857575] },
    上海: { value: [115.080221, 35.2801] }
 }

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值