echarts中国地图如何标记散点图_echarts地图标记点

            }
        },


    },

真题解析、进阶学习笔记、最新讲解视频、实战项目源码、学习路线大纲
详情关注公中号【编程进阶路】

{
name: ‘天燃气’,
type: ‘scatter’,
coordinateSystem: ‘geo’,
data: [{ //庐阳区
name: ‘首都’,
value: [116.24, 41.55, 100],
type: ‘ranqi’,

        }, ],
        symbol: iconRQ,
        symbolSize: 20,
        label: {
            normal: {
                show: false,
                
            },
            emphasis: {
                show: false
            }
        },
        
    },
    // 区域散点图
    {
        type: 'effectScatter',
        coordinateSystem: 'geo',
        symbolSize: 5,
        rippleEffect: { //坐标点动画
            period: 3,
            scale: 5,
            brushType: 'fill'
        },
        label: {
            normal: {
                show: true,
                position: 'right',
                formatter: '{b}',
                color: '#b3e2f2',
                fontWeight: "bold",
                fontSize: 18
            }
        },

        data: [{
                name: "深圳",
                value: [114.271522, 22.753644]
            },
            {
                name: "南京",
                value: [118.78, 32.04]
            },
            {
                name: "重庆",
                value: [106.54, 29.59]
            },
            {
                name: "北京",
                value: [116.24, 39.55, 100]
            },
            {
                name: "荆州",
                value: [113.41, 29.59]
            }
        ],
        itemStyle: { //坐标点颜色
            normal: {
                show: true,
                color: '#fff',
                shadowBlur: 10,
                shadowColor: '#fff'
            },
            emphasis: {
                areaColor: '#f00'
            }
        },

    },
    // 线 和 点
    {
        type: 'lines',
        zlevel: 1, //设置这个才会有轨迹线的小尾巴
        effect: {
            show: true,
            period: 10,
            trailLength: 0.7,
            color: '#fff',
            symbol: 'arrow',
            symbolSize: 6
        },
        lineStyle: {
            normal: {
                color: '#fff',
                width: 1.5,
                curveness: 0.2,
                shadowColor: '#fff',
            }
        },
        data: [{
                fromName: 1,
                toName: 1,
                coords: [
                    [114.271522, 22.753644],
                    [116.24, 39.55],

                ]
            },
            {
                fromName: 1,
                toName: 1,
                coords: [
                    [114.271522, 22.753644],
                    [118.78, 32.04],

                ]

最后

最后写上我自己一直喜欢的一句名言:世界上只有一种真正的英雄主义就是在认清生活真相之后仍然热爱它

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Echarts 地图标记可以通过 scatter (散点图) 的方式或者使用 markPoint 图表标注的方式在地图上进行。 如果使用 notepad 或者记事本打开的 SVG 图片中没有 d 属性,而是含有 base64 的话,那么就不能使用第二种方法,因为可能会导致标注图标无法显示,只会显示方块背景而没有图标。在这种情况下,可以让 UI 给出 PNG 格式的图片,然后自己在网上进行转换,再使用第二种方法进行标记。 在 Echarts 中,可以使用以下代码进行地图标记: ``` series: [ { type: "scatter", coordinateSystem: "geo", data: this.convertData(this.data), showAllSymbol: true, symbolSize: 20, symbol: "image://http:...", symbolRotate: 35, }, ] ```<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [echarts 地图上如何打](https://download.csdn.net/download/qq_36437172/12416017)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [echarts地图标注自定义图片路径](https://blog.csdn.net/Zxiuping/article/details/88740588)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值