ECharts 地图使用

最新推荐文章于 2024-08-05 05:00:00 发布

我是我家小女孩

最新推荐文章于 2024-08-05 05:00:00 发布

阅读量458

点赞数

我是我家小女孩@khuntoria

本文链接：https://blog.csdn.net/SQY_candy/article/details/81105348

版权

本文介绍了如何使用ECharts库创建具有地图区域高亮和显示地名的交互功能。通过引入jQuery和ECharts库，可以实现鼠标悬停时地图区域颜色变化及显示相应地区名称的效果。

摘要由CSDN通过智能技术生成

下图样子的地图，当鼠标经过某块的时候就变颜色+出现地名字。

引入jquery和echarts

<div id="main"></div>

$.get('fujian.json', function (yCjson) {   //json文件是地图的需要的数据。百度一下就可以找到                        所需要的省份的json文件。
        echarts.registerMap('福建', yCjson);
        var city = [
            {
                name: "福州市",
                code: "350100",
              
            },
            {
                name: "厦门市",
                code: "350200",
             
            },
            {
                name: "泉州市",
                code: "350500",
               
            },
            {
                name: "莆田市",
                code: "350300",