1. 程式人生 > 其它 >vue Echarts 地圖

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/13FoS6eu2xJgNx38EmvoXpQ
提取碼:0hfr

連結:https://pan.baidu.com/s/1SG_2UCCZ8GhNBFtCpab43A
提取碼:b94o
複製這段內容後開啟百度網盤手機App,操作更方便哦

我也是四處拼湊的,自己寫的時候各種坑 不知道為啥寫起來就這麼簡單。。侵刪

原始碼:https://gitee.com/orzzt/echart-map-demo.git