html海南地图插件,海南小地图(echart)

矫情吗；* 2022-10-09 05:54 262阅读 0赞

varcertNumChart;$(document).ready(function() \{certNumChart= echarts.init(document.getElementById(‘certNumChart‘));

certNumChart.showLoading();

initShowView();//设置点击事件

certNumChart.on(‘click‘, function(params) \{var city =params.name;var code =params.data.code;var url =G3.webPath+ "jsp/marketcheck/map\_detail.jsp?code="+code;

G3.showModalDialog("执法人员区域匹配", url, \{

width :1000,

height :560\},function(e, ret) \{if (ret == "1") \{

grid.reload();

\});

\});vargeoCoordMap;var planePath = ‘arrow‘;var provinceMap =proCantName;var certNumOption =\{

tooltip : \{

trigger:‘item‘,

formatter:‘\{b\}:  
\{c\}‘\},

legend: \{

orient:‘horizontal‘,

x:‘top‘,

data:\["随机数据"\]

\},

grid:\{

top:0,

bottom:0\},

geo : \{

map : provinceMap,

top :‘10%‘,

roam :false,

zoom:1.2,

silent :true,

itemStyle : \{

normal : \{

areaColor :‘\#1673c5‘,

borderColor :‘\#36a0fd‘\},

emphasis : \{

areaColor :‘\#2a333d‘\}

\},

dataRange: \{

show:true,

min:0,

max:10,

x:"right",

color:\[‘\#0080FF‘,‘\#D2E9FF‘\],

text:\[‘高‘,‘低‘\], //文本，默认为数值文本

calculable : true\},

series : \[

name:‘检查数据量‘,

type:‘map‘,

mapType: proCantName,

zoom:1.2,

selectedMode :‘single‘,

itemStyle:\{

normal:\{label:\{show:true\}\},

emphasis:\{label:\{show:true\}\}

\},

data:\[\]

\};functioninitShowView() \{

$.ajax(\{

async :true,

url : G3.webPath+ "command/dispatcher/com.inspur.dtdcommon.casemanage.cmd.DtdChecManDispatcherCmd/queryList",

type :"POST",

data : \{

checkYearDate : checkYearDate,

checkEndYearDate : checkEndYearDate

\},

success :function(data) \{

certNumOption.legend.data=data.catalog;

certNumOption.series\[0\].data =data.data;

certNumChart.hideLoading();

$.get(G3.webPath+ ‘skins/echars/dataGeo/geometryProvince/‘+proCantCode+‘.json‘, function(geoJson) \{

echarts.registerMap(proCantName, geoJson);

certNumChart.setOption(certNumOption);

\});

\}functioniconRefresh() \{

$(document).on("click",".icon-refresh",function() \{var $container = $(this).parents(".chart-container").find(".chartContainer");if ($container.css("display") == "none") \{

$container.css("display", "block");

$container.prev().css("display", "none");

\});