echarts初始化中国地图（Map）

最新推荐文章于 2024-06-11 21:36:57 发布

开发路上的AZhe

最新推荐文章于 2024-06-11 21:36:57 发布

阅读量1.1k

点赞数 1

分类专栏： echarts 文章标签：小程序 html html5

本文链接：https://blog.csdn.net/qq_43379916/article/details/123790913

版权

本文介绍了如何在Vue中使用Echarts初始化中国地图，提供了相关的示例网站链接以及npm下载Echarts的指导。

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

在这里插入图片描述

echarts初始化中国地图

vue 中可以直接使用，修改文件地址即可

npm下载echarts

npm install echarts -S

完整代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>echarts 中国地图</title>
    <style>
        #main {
     
            width: 600px;
            height: 400px;
            background-color: bisque;
            margin: 0 auto;
        }
    </style>
</head>

<body>
    <div id="main"></div>
    <script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.3.1/echarts.min.js"></script>
    <!--
        china.json下载地址
        <script src="https://geo.datav.aliyun.com/areas_v3/bound/100000_full.json"></script>
      -->
    <script src="./index.js"></script>
</body>

</html>

最低0.47元/天解锁文章

开发路上的AZhe

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
echarts初始化中国地图（Map）

echarts初始化中国地图vue 中可以直接使用，修改文件地址即可更多echarts例子1.http://www.ppchart.com/#/2.https://www.isqqw.com/#/homepagenpm下载echartsnpm install echarts -S完整代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <.
复制链接

扫一扫