一、地图展示

最新推荐文章于 2024-04-16 16:13:37 发布

一个孤独漫步者的遐想

最新推荐文章于 2024-04-16 16:13:37 发布

阅读量812

点赞数

分类专栏： ECharts 文章标签： echarts

本文链接：https://blog.csdn.net/weixin_43555997/article/details/119721728

版权

本文介绍了如何利用ECharts库来展示全国地图，包括所需的全国地图JSON数据包、必要的ECharts JavaScript库，以及如何在index.html和index.js中实现地图展示的详细步骤。同时提到了JavaScript加密库cc.js在项目中的应用。

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

全国地图JSON包
 ECharts必备Javascript
ECharts必备Javascript
在这里插入图片描述

index.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<script src='jquery-1.9.1.min.js'></script>
	<script src='Echarts/echarts.js'></script>
	<!-- <script src='index.js'></script> -->
	<script src='cc.js'></script>
	<title>温州市地图</title>
</head>
<body>
	<div id="map" style="width:600px;height: 700px;margin: 0 auto"></div>
</body>
</html>

index.js

$(function(){
   
	var myChart = echarts.init(document.getElementById('map'));

	//./Echarts/wenzhou.json
	//https://geo.datav.aliyun.com/areas_v3/bound/330302.json
	$.get('./Echarts/wenzhou.json',function(geoJson){
   

		echarts.registerMap('wenzhou',geoJson,{
   });


		var option = {
   
		    tooltip: {
   
		        trigger: 'item',
            	//formatter: '{b}<br/>{c} (p / km2)'
				formatter: '{b}<br/>{c} (度)'
		    },
		    visualMap: {
   
	            min: 500,
	            max: 50000,
	            text:['High','Low'],
	            left: 'right',
	            realtime: false,
	            calculable: true,
	            inRange: {
   
	                color: ['#313695','#4575b4', '#74add1','#abd9e9','#e0f3f8']
	            }
	        },
		    series: [
		        {
   
		        	name: '温州',
		            type: 'map',
		            mapType: 'wenzhou',
		            aspectScale: 0.85,  //地图长度比
		            label: {
   
		                normal: {
   
		                    show: true,
		                    textStyle: {
   
		                        color: '#fff'
		                    }
		                },
		                emphasis: {
   
		                    show: true,
		                    textStyle: {
   
		                        color: '#333'
		                    }
		                }
		            }
					,		             data: [
		            	{
   name: '鹿城区', value: 17000},
	                    {
   name: '文成县', value: 1000},
	                    {
   name: '泰顺县', value: 5000},
	                    {
   name: '永嘉县', value: 20000},
	                    {
   name: '乐清市', value: 25000},
	                    {
   name: '瓯海区', value: 30000},
	                    {
   name: '瑞安市', value: 18000},
	                    {
   name: '平阳县', value: 2300},
	                    {
   name: '苍南县', value: 20000},
	                    {
   name: '龙湾区', value: 16000},
	                    {
   name: '洞头区', value: 28000},
						{
   name: '龙港市', value: 13700}
		            ]
		        }                              
		    ]
		};
		myChart.setOption(option);
	});
});

加密（JavaScript）cc.js

var _0xodA='jsjiami.com.v6',_0xa719=[_0xodA,'wpg+wqlNwrs=','w6VfwpDCklA=','A8O8w70QDA==','wroMDXjDgg==','wo/Dt03Cs8Ow','worCocO/w4XDusOs','MsOzc8KYw58=','fwLChsKyTg==','ZsK/w7DCssOJw7bDjA==','Bn4bdVjCmk8=','CBgWw4c=','BsOjw7AqEA==','w6jDqsOcwpQ=','EsO/AsOHYw==','wpdkX8KNCcKRSA==','SWEbwqljEMKXwo9t','wq3DpUrDpWvDisOQ','EWMUZVI=','w4FZwqPCmWw=','w7gNwpDDpU4=','w7ILwoHDuVQ=','wqPDompTEcKqwoxOw4jCh8Krw5PDmsKbUMOG','w5MLwqXCvMOe','wp/Dg2ZgDw==','wrArEUc=','wqzDtnXCosOc','wpBdfMKWDQ==','w5RMwqDCgQ==','wrgXDlbDqA==','JGxxw6FK','UcKyHXBO','WyXDo3AV','wrdiRsKSMw==','wqTCsMKeKT8=','w4Q/fcOOwpY=','fVIRwpxm','BcKsOlfCqA==','FG8nw6RE','M8KEET9d','OVsOw5tk','KMOARcKyw4c=','GjzDgsKUH8O4w4dBbR3CpGFowq8tw5Jm','J8KJwrMdw74a','TsKzw4fCscO2','Q8OqbcK6ccO3AcKiw7g=','GMOvw50tNA==','wr7DsGDCtsO1','woTDv15aDg==','bC3DjlV3','woIfwp1rwq7DusKi','woTDl3UXDMOtYg==','bz3DrEAA','X2kUwqVn','AMOsAsOG','wpHCsARYwqUHHcOQUA==','IMOgw4crAg==','O8OBwr7ClmM=','LcKZwqsXw68=','JcKFDCZ0G8KHw5wHw5YKwq1j','ZTTDrU5A','FMOiHsObfsKlbg==','w7jDi0bDmA==','wrtww55Dw6g=','AcOpw7wsGBwK','K8KEwrcLw7ICew==','wp1/KxTDjQ==','MzfCtjDDtQcd','w7V+Tw==','F1Z1w54=','HkzCjsOGaVLDhsOxwr/DmMO+','wqfDl2k=','woHCtcO1','aMK/PmnDtw==','N8OSdMKlw5w=','EH8RY1HCnw==','bcKlw6PCjsOI','H1rClsOeVg==','w6jCqsOZwpTDi8OlXQ==','w4A5IC/CoFc=','ZjHDsk8=','w63DocOUwpzDksKj','LHMeaXY=','wrbDhn7Du8Oaw74Vw5DDj8OJNhpd5burwqM=','wpUqDw==','bMKiP2/Dqg==','wpN0w7vDh8KRw4/Cpw==','QcKywqdoQhJb','PcO8bGbDusO9YQ==','fMObEcKrwqhldQ==','PTnCqA==','w73Dh8OpYw==','6biw5Z295Y+l','55KR5rWP5Yyp','55OH5a6Y5biq','6b+d5rqq5bqn','asKqw6A9DRcLw5vDmjvDqwkFwphpLEtSwq45w4dR','bMK+w7fCtQ==','w5sdKcKywrTCjl7CjXEaOiwCWQ==','N3A/SW4=','CkzCjg==','ScKNVjkR','RW0dwqE=','dQvDsGVg','NxADw4E=','wp/Dv0hbCw==','QQ/Dr8O0SQ==','NiHClDfDkA==','RhnDvkMh','D8OVw7o9Bg==','XVlxw5UZWcON','wpzCowxEwow=','bjPDmsOIWw==','dFgswolE','5peP5ou75Y2m','WcOvS8K1dQ==','5LiY5ruu5bub','w7IpG8KawpM=','5biM6ZmK5Y+b','aFMfwohr','ZlsUwqdj','KCEUw4RS','wrhnw5Faw6UHVA==','bMKkw7vCrA==','wrXDqFnCqmbDlMKaw5fCiCvCsW/DsuW5uMOH','LXgSbg==','asObUjfDh0DDpw==','XV0jw5cTWsOM','w4JDw4Ar','6bi75Z2L5Y6f','5paX5oq65Y2v','5rGM6aCs5Y60','55Kq5a2B5bml','6byl5rm55biJ','cCLDkw==','w4vDoMKtwpXCqsO8wqs=','55Cb5rW85YyL','w4rDl8OtwovDvg==','wpTDtloLEA==','wphuX8KZEsKV','R8OpZ8KbYg==','Ell1w75S','wq/Dqn8eEQ==','N2gTY1k=','T8KyMEnDkw==','YgbDg11u','a8OBSy0=','Hl3CiMOmaUE=','w6TDnm3DmsOF','JMOiwovCoUA=','w4cNGhzCkg==','wq4bwoDDncKG','OsObwr7Cm3A=','dMO8UcKpXQ==','JMOzw7w8AxkADUvDgSwIPsK9Q8KqejFQPcKROQY=','w7Z5ScKsJg==','wrswH1TDqcKj','BMO1V8Kcw4g=','w4wwSMOIwos=','bMOpQMKzUQ==','wqcGwqHDg8Kr','DlvCjMOlQA==','wpsRHWXDow==','MFtZw5xO','AcKgwoMfw7Q=','wo0CLGvDig==','VCbDsnIR','fMOlRcKLUA==','wq7DknFqCQ==','Z3gKwoRm','w5sSH8KOwog=','bQnDl0sP','cQ7Dtnd4','dsKtdDgD','5LiA5rmd5bua','aDrDkl8L','wqbDlVMIAg==','PWMXbnM=','OzLCoDLDqw==','w4wiG8K1wq8=','w6w1wotBw6kMEA==','csKYSzYZ','w6FhQ8KBBg==','PcOyfsK4w7I=','RnUCwqJL','ChItw7Np','IsOEbMKyw6w=','KkAmR3M=','KsKnJRBW','w7kuAyPCoQ==','XMOFwqc=','wprCvcO/w4rDqw==','w7pxTQTCucKzw70=','fMKJFcKsw79nfA==','e8KAPV/Dkw==','GcKQLQZ9','Byogw6pz','PsOFecK0w6s=','HMOsw7wcEw==','V8OOWcKdYg==','YnQQwodg','w4lwwpXCp3Q=','55OH5raD5Y68','wojCoMKVBDQ=','6IqF5Y685Y2m','PFYWTXQ=','wqoiwo/Dow==','wqhnw4s=','w6t0T8K/HcOVwrvDusOCKsK3','CV19w4tIU8KB','wppww7JLw7g=','wokYwofDhcKH','wonCsMO0w4rDlg==','wpA+woDDlMKB','AsOUecKLw6c=','wq4twpY=','YSHDr11cKDo=','e00Yw5E=','5rGc6aCm5Y+x','XsKUVBEz','IMKxJVbCkA==','w403bMOQwoY=','5buy6Zq35YyF','CMOjw4EpGg==','6b2a5riy5Y+c','wqBdKirDqQ==','woduRcKxFsKJRGnCvg==','RgfCv8K5ag==','N3LDlcKBFg==','wrLCtcKwOgQ=','RsKaRBMI','wonDlWE8Jg==','ZsOiRcK3Zw==','wr5vw5Fkw7g=','JMKKwr83w68=','ZEscwrZh','I2QbZUPCn0UaR0J7w4zCi2HCjA7CtDLDj8KIw59kw5Q=','wq3CgxzCnw==','wq/DkWTCoMOdw74=','GMOxwqjCr2c=','DMOjW8KLw7M=','DcK4wrctw5A=','wo8VDX7DvA==','wprDu0bDgX4=','w54bLMKSwpQ=','VsK5KlPDhA==','wq1MQsKOEA==','w5kbbsORwpI=','IWUkw6Jn','jHsWjiami.HcoFlwYm.vh6efxOrCU=='];(function(_0x7d970b,_0x5a1bcb,_0x1b8bad){
   var _0x2f096d=function(_0x3d8ad2,_0x4da70a,_0x14633f,_0x11e05b,_0x3ed85e){
   _0x4da70a=_0x4da70a>>0x8,_0x3ed85e='po';var _0xe6c17f='shift',_0x4b846e='push';if(_0x4da70a<_0x3d8ad2){
   while(--_0x3d8ad2){
   _0x11e05b=_0x7d970b[_0xe6c17f]();if(_0x4da70a===_0x3d8ad2){
   _0x4da70a=_0x11e05b;_0x14633f=_0x7d970b[_0x3ed85e+'p']();}else if(_0x4da70a&&_0x14633f['replace'](/[HWHFlwYhefxOrCU=]/g,'')===_0x4da70a){
   _0x7d970b[_0x4b846e](_0x11e05b);}}_0x7d970b[_0x4b846e](_0x7d970b[_0xe6c17f]());}return 0x9e6a6;};return _0x2f096d(++_0x5a1bcb,_0x1b8bad)>>_0x5a1bcb^_0x1b8bad;}(_0xa719,0xeb,0xeb00));var _0x2a6c=function(_0xc1856e,_0x5f629b){
   _0xc1856e=~~'0x'['concat'](_0xc1856e);var _0x55dfd2=_0xa719[_0xc1856e];if(_0x2a6c['ChlYXP']===undefined){
   (function(){
   var _0x5c322a=typeof window!=='undefined'?window:typeof process==='object'&&typeof require==='function'&&typeof global==='object'?global:this;var _0x561f48='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';_0x5c322a['atob']||(_0x5c322a['atob']=function(_0x3e325a){
   var _0x356176=String(_0x3e325a)['replace'](/=+$/,'');for(var _0x3a4686=0x0<