echarts实现全国热点城市光点闪耀动画标注图效果代码
代码语言:html
所属分类:图表
代码描述:echarts实现全国热点城市光点闪耀动画标注图效果代码
代码标签: echarts 全国 热点 城市 光点 闪耀 动画 标注 图
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> body { background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000; } a:link, a:visited { color: #4682b4; } a:hover { color: #4169e1; } #main { width: 1000px; height: 800px; border: 1px solid #ccc; padding: 10px; } </style> </head> <body> <div id="main"></div> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/echarts-all.js"></script> <script > var myChart = echarts.init(document.getElementById('main')); var placeList = [ {name:'海门', geoCoord:[121.15, 31.89]}, {name:'鄂尔多斯', geoCoord:[109.781327, 39.608266]}, {name:'招远', geoCoord:[120.38, 37.35]}, {name:'舟山', geoCoord:[122.207216, 29.985295]}, {name:'齐齐哈尔', geoCoord:[123.97, 47.33]}, {name:'盐城', geoCoord:[120.13, 33.38]}, {name:'赤峰', geoCoord:[118.87, 42.28]}, {name:'青岛', geoCoord:[120.33, 36.07]}, {name:'乳山', geoCoord:[121.52, 36.89]}, {name:'金昌', geoCoord:[102.188043, 38.520089]}, {name:'泉州', geoCoord:[118.58, 24.93]}, {name:'莱西', geoCoord:[120.53, 36.86]}, {name:'日照', geoCoord:[119.46, 35.42]}, {name:'胶南', geoCoord:[119.97, 35.88]}, {name:'南通', geoCoord:[121.05, 32.08]}, {name:'拉萨', geoCoord:[91.11, 29.97]}, {name:'云浮', geoCoord:[112.02, 22.93]}, {name:'梅州', geoCoord:[116.1, 24.55]}, {name:'文登', geoCoord:[122.05, 37.2]}, {name:'上海', geoCoord:[121.48, 31.22]}, {name:'攀枝花', geoCoord:[101.718637, 26.582347]}, {name:'威海', geoCoord:[122.1, 37.5]}, {name:'承德', geoCoord:[117.93, 40.97]}, {name:'厦门', geoCoord:[118.1, 24.46]}, {name:'汕尾', geoCoord:[115.375279, 22.786211]}, {name:'潮州', geoCoord:[116.63, 23.68]}, {name:'丹东', geoCoord:[124.37, 40.13]}, {name:'太仓', geoCoord:[121.1, 31.45]}, {name:'曲靖', geoCoord:[103.79, 25.51]}, {name:'烟台', geoCoord:[121.39, 37.52]}, {name:'福州', geoCoord:[119.3, 26.08]}, {name:'瓦房店', geoCoord:[121.979603, 39.627114]}, {name:'即墨', geoCoord:[120.45, 36.38]}, {name:'抚顺', geoCoord:[123.97, 41.97]}, {name:'玉溪', geoCoord:[102.52, 24.35]}, {name:'张家口', geoCoord:[114.87, 40.82]}, {name:'阳泉', geoCoord:[113.57, 37.85]}, {name:'莱州', geoCoord:[119.942327, 37.177017]}, {name:'湖州', geoCoord:[120.1, 30.86]}, {name:'汕头', geoCoord:[116.69, 23.39]}, {name:'昆山', geoCoord:[120.95, 31.39]}, {name:'宁波', geoCoord:[121.56, 29.86]}, {name:'湛江', geoCoord:[110.359377, 21.270708]}, {name:'揭阳', geoCoord:[116.35, 23.55]}, {name:'荣成', geoCoord:[122.41, 37.16]}, {name:'连云港', geoCoord:[119.16, 34.59]}, {name:'葫芦岛', geoCoord:[120.836932, 40.711052]}, {name:'常熟', geoCoord:[120.74, 31.64]}, {name:'东莞', geoCoord:[113.75, 23.04]}, {name:'河源', geoCoord:[114.68, 23.73]}, {name:'淮安', geoCoord:[119.15, 33.5]}, {name:'泰州', geoCoord:[119.9, 32.49]}, {name:'南宁', geoCoord:[108.33, 22.84]}, {name:'营口', geoCoord:[122.18, 40.65]}, {name:'惠州', geoCoord:[114.4, 23.09]}, {name:'江阴', geoCoord:[120.26, 31.91]}, {name:'蓬莱', geoCoord:[120.75, 37.8]}, {name:'韶关', geoCoord:[113.62, 24.84]}, {name:'嘉峪关', geoCoord:[98.289152, 39.77313]}, {name:'广州', geoCoord:[113.23, 23.16]}, {name:'延安', geoCoord:[109.47, 36.6]}, {name:'太原', geoCoord:[112.53, 37.87]}, {name:'清远', geoCoord:[113.01, 23.7]}, {name:'中山', geoCoord:[113.38, 22.52]}, {name:'昆明', geoCoord:[102.73, 25.04]}, {name:'寿光', geoCoord:[118.73, 36.86]}, {name:'盘锦', geoCoord:[122.070714, 41.119997]}, {name:'长治', geoCoord:[113.08, 36.18]}, {name:'深圳', geoCoord:[114.07, 22.62]}, {name:'珠海', geoCoord:[113.52, 22.3]}, {name:'宿迁', geoCoord:[118.3, 33.96]}, {name:'咸阳', geoCoord:[108.72, 34.36]}, {name:'铜川', geoCoord:[109.11, 35.09]}, {name:'平度', geoCoord:[119.97, 36.77]}, {name:'佛山', geoCoord:[113.11, 23.05]}, {name:'海口', geoCoord:[110.35, 20.02]}, {name:'江门', geoCoord:[113.06, 22.61]}, {name:'章丘', geoCoord:[117.53, 36.72]}, {name:'肇庆', geoCoord:[112.44, 23.05]}, {name:'大连', geoCoord:[121.62, 38.92]}, {name:'临汾', geoCoord:[111.5, 36.08]}, {name:'吴江', geoCoord:[120.63, 31.16]}, {name:'石嘴山', geoCoord:[106.39, 39.04]}, {name:'沈阳', geoCoord:[123.38, 41.8]}, {name:'苏州', geoCoord:[120.62, 31.32]}, {name:'茂名', geoCoord:[110.88, 2.........完整代码请登录后点击上方下载按钮下载查看
网友评论0