vue Echarts 地圖 自定義圖標

 

 

 

 

 

 

 

關於自定義圖標

是想在地圖上根據經緯度標記點，然后點顯示為某logo找了很久沒有找到自定義圖片的方法，后來想到利用散點圖去實現，把圖片轉為base64利用symbol實現自定義圖標。

  series: [{
          name: '',//series名稱
          type: 'scatter',//為散點類型
          coordinateSystem: 'geo',// series坐標系類型
          data: myData,
          symbol: 這里是Base64圖片地址,
          symbolSize: [20, 20],
          itemStyle: {
            color: 'rgba(255,255,255,1)',
          },
        }],

　　幾個map包

鏈接：https://pan.baidu.com/s/17v0l5oNIdIYZHMrN4zXDsA
提取碼：lbu5

 

鏈接：https://pan.baidu.com/s/13FoS6eu2xJgNx38EmvoXpQ
提取碼：0hfr

 

鏈接：https://pan.baidu.com/s/1SG_2UCCZ8GhNBFtCpab43A
提取碼：b94o
復制這段內容后打開百度網盤手機App，操作更方便哦

。。侵刪

源碼：https://gitee.com/orzzt/echart-map-demo.git