echart map 地图添加图片

listArry=[{name:1,lon:35.345,lat:103.332},{name:2,lon:35.145,lat:103.632}]

listArry.map((n,i)=>{

                option.series.push({

                type: 'effectScatter',

                coordinateSystem: 'geo',

                zlevel: 5,

                rippleEffect: { //涟漪特效

                period: 2, //动画时间,值越小速度越快

                brushType: 'fill', //波纹绘制方式 stroke, fill

                // scale: 4 //波纹圆环最大限制,值越大波纹越大

                },

                label: {

                normal: {

                    show: true,

                    position: 'left',//item == "10000001050033" ? "left" : 'right', //显示位置

                    offset: [5, 0], //偏移设置

                    formatter: function(params) { //圆环显示文字

                    return params.data.name;

                    },

                    fontSize: 16,

                    color: "#fff"

                },

                emphasis: {

                    show: true

                }

                },

//重点在这里          base64位图片前面要加image://,否则加载不出来图片 ,尝试了加载png格式图片失败     symbol:'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDODIyMDA2RTAzNzUxMUVFOUQ5QjgwMUM4REE2NjUzRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDODIyMDA2RjAzNzUxMUVFOUQ5QjgwMUM4REE2NjUzRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM4MjIwMDZDMDM3NTExRUU5RDlCODAxQzhEQTY2NTNFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM4MjIwMDZEMDM3NTExRUU5RDlCODAxQzhEQTY2NTNFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+f4nKCwAABGlJREFUeNrkm0tIVGEUx8/1MTL5yHxA9kApLTWQyBZJuhSkFm2yhRZZYbaqTKul1SbykdZOCi0qF7kK7OE6yhbZQqipVFAjCpTMF6MjOp3DnKvTeGfunbn3jnf8DvxBZu583zk/v/s9zydNV1WBybYdVYTKQ+Wi9qC2ojajEvmZGdQU6jfqO+oryoHqQ/0007kYk8otRFWgjnDQapbI2oE66PMdwXiF6kL1WxkABVCDOoPKN7DcXNYV1BdUJ6qdW41uizKgjGRUA2oE1WRw8L6Wz3WMcJ3J6wlAQlEHMoi6gUqB8FkK1znIPkjhBpCNesvNMQ3Wz9LYB/Jld7gAlHNndBisY+TLJ/bNNADUzJpRz1FJYD1LYt+ag3kltAKwoZ6i6sD6Vse+2owCQAW94HE9UqyCfbbpBUBNqQNVBpFnZey7pGcidBtVGfT4mJQE8Y2N+IdkaERLDgc429qC+UklT6WvhwLgeKAfBiYggRQXZ/i/VLLZQvnZNdRHVHcwr8Au1ENd3rrdxjfq0Mt8wDFpAkDt9jGv1jaKbeaYJC0ATqOKYeNZMU+bAwKgxUUjbFy747uA8u0EL6HSzardPTsLrp4e9c4uNRVspaVmuJDOMd5UApCAumgmfvfcHLh6e9VnZxkZZgEAjvGuvJ/g/QpcMH1JG6Vt5i3Z7WYvpWt8+wDqHc+DOFYjjwgyANq0zBEIQDbHvAKgHMSzE94AygQEUCYDoK3oXAEB7EXtJACHQFwrIgD7BQZQQADyBAaQRwAyBQaQSQAyBAaQRgASBQaQIDqAxCgQ3KLAoGPmCLUZ0QHMEoBfAgOYIACjAgMYJQAOgQE4CMCAwAAGCECfwAA+EIAfqG8CBk/5iGPyROiNgABeyxMhsm4BAXR7A3iPGhIo+CGOeQUAnTu3CwSgnWP+72SIPpwUIPhJ73+2NwBaE9wTAMB97/WP73KYAIzrrcHtdPr5QluGh3t+Xvnz5WW9ro0zgBWTFO4LULZ3h1pJ9tpakGJjlb+MiYHoHIWTNpcLloaH1d202yE6K2stgLk5WB4bU4azuAjO1la1ks+CJ7V21VWFhx6hzoFKKmxMQUHw/G02iM4LfRNaio/X8/t3HNuaDZE1MMGTJjMVsJkuLFjqxVbxZ4pjcmsBQEbttHoDdXzVHBNoBSDPlJr8t0fJWiH696c50ExXLVOUEiW3gVK2KPbUbisBUB45noEnUdI/Nw23xuRk6Ug7QqcF3jEaewI9pGVb3MUFdUVQ8F1agtcKQIZwEtUSAcG3sK8uLQ8HczBCr3w9eFJLpi0Y+DT7Vq803BkBwHt0KOSJhVWMfDkQyr5GqEdjtJ4u4anlxDoGPsE+lPgb580CIL8SNK+mST+lnv4JY+BU1y2uuzOYJm8kANn+gucSI61eroK55wwOroPqauC69c2fTLo9Tn3EKdRR8CQl6jF63V6inoDFL097Wz/rMqxen98HntQ0+fr8FtQm1CJqlndqSLRdTdv0nyEM1+f/CTAAoDXnNh1dLK8AAAAASUVORK5CYII=',// 'pin',//'circle',

                symbolSize: function(val) {

                return 10; //圆环大小

                },

                itemStyle: {

                normal: {

                    show: false,

                    color: '#FFE900'

                }

                },

                data: [{

                    name: item.org.replace("输气分公司",""),

                    value: [item.lon, item.lat]

                }]

                })

            })

        })

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值