2020-09-02航空航线分布图可做智慧大屏使用

最新推荐文章于 2022-06-07 17:06:10 发布

李大海的幸福生活

最新推荐文章于 2022-06-07 17:06:10 发布

阅读量919

点赞数 1

文章标签： css javascript

本文链接：https://blog.csdn.net/LIdahai_daylife/article/details/108361161

版权

在这里插入图片描述

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">

    <script type="text/javascript" src="js/rem.js"></script>
    <link rel="stylesheet" href="css/style.css">
    <title>河北航空航线</title>
</head>

<body>
    <div class="container-flex" tabindex="0" hidefocus="true">

<!-- 加航线数据-->
        <div id="container">
            <div>
                <div id="main" style="width: 100vw;height: 100vh"></div>
            </div>

        </div>

        <script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.2.1/echarts.min.js"></script>
        <script src="https://gallerybox.echartsjs.com/dep/echarts/map/js/china.js"></script>
        <script>
		
		

    var myChart = echarts.init(
      document.getElementById('main')
    )

    var geoCoordMap = {
   
      '西宁/曹家堡': [102.046712, 36.53521],
      "广州/白云": [113.314282, 23.395352],
      '南京/禄口': [118.871181,31.731634],
	  '北海/福成': [109.29 ,21.54],
	  '西安/咸阳': [108.764882,34.438179],
	  '绵阳/南郊': [104.749306,31.42671],
	  '杭州/萧山': [120.432414,30.234708],
	  '满洲里/西郊': [117.385436,49.604099],
	  '成都/双流': [103.951229,30.559807],
	  '深圳/宝安': [113.814829,22.633092],
	  '大兴': [116.429172,39.510561],
	  '石家庄/正定': [114.698493,38.280519],
	  '乌鲁木齐/地窝堡': [87.487028,43.912386],
	  '昆明/长水': [102.935615,25.102871],
	  '拉斯/贡嘎': [90.918706,29.299495],
      '鄂尔多斯': [109.873094,39.502016],
      '大连/周水子':  [121.549576,38.969369],
      '桂林/两江':   [110.054552,25.223563],
      '台湾/桃园':   [121.237049,25.081115]
    }

    var data = [
      {
    name: '西宁/曹家堡', value: 180 },
      {
    name: "广州/白云", value: 180 },
      {
    name: "南京/禄口", value: 180 },

最低0.47元/天解锁文章

李大海的幸福生活

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
2020-09-02航空航线分布图可做智慧大屏使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="renderer" content="webkit"> <meta name="viewport" content="wi.
复制链接

扫一扫