map.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Awesome go-echarts</title>
    <script src="https://go-echarts.github.io/go-echarts-assets/assets/echarts.min.js"></script>
    <script src="https://go-echarts.github.io/go-echarts-assets/assets/maps/china.js"></script>
    <script src="https://go-echarts.github.io/go-echarts-assets/assets/themes/macarons.js"></script>
</head>

<body>



    <style> .container {display: flex;justify-content: center;align-items: center;} .item {margin: auto;} </style> <div class="container">
    <div class="item" id="SbMYzGcARyvT" style="width:900px;height:500px;"></div>
</div><script type="text/javascript">
    "use strict";
    let goecharts_SbMYzGcARyvT = echarts.init(document.getElementById('SbMYzGcARyvT'), "white", { renderer: "canvas" });
    let option_SbMYzGcARyvT = {"color":["#5470c6","#91cc75","#fac858","#ee6666","#73c0de","#3ba272","#fc8452","#9a60b4","#ea7ccc"],"legend":{},"series":[{"name":"map","type":"map","map":"china","data":[{"name":"北京","value":38},{"name":"上海","value":18},{"name":"广东","value":89},{"name":"辽宁","value":60},{"name":"山东","value":81},{"name":"山西","value":71},{"name":"陕西","value":60},{"name":"新疆","value":16},{"name":"内蒙古","value":137}]}],"title":{"text":"map-example"},"toolbox":{},"tooltip":{}}

    goecharts_SbMYzGcARyvT.setOption(option_SbMYzGcARyvT);
</script> <div class="container">
    <div class="item" id="JZQYQStBglvJ" style="width:900px;height:500px;"></div>
</div><script type="text/javascript">
    "use strict";
    let goecharts_JZQYQStBglvJ = echarts.init(document.getElementById('JZQYQStBglvJ'), "white", { renderer: "canvas" });
    let option_JZQYQStBglvJ = {"color":["#5470c6","#91cc75","#fac858","#ee6666","#73c0de","#3ba272","#fc8452","#9a60b4","#ea7ccc"],"legend":{},"series":[{"name":"map","type":"map","map":"china","data":[{"name":"北京","value":38},{"name":"上海","value":18},{"name":"广东","value":89},{"name":"辽宁","value":60},{"name":"山东","value":81},{"name":"山西","value":71},{"name":"陕西","value":60},{"name":"新疆","value":16},{"name":"内蒙古","value":137}],"label":{"show":true}}],"title":{"text":"map-example"},"toolbox":{},"tooltip":{}}

    goecharts_JZQYQStBglvJ.setOption(option_JZQYQStBglvJ);
</script> <div class="container">
    <div class="item" id="IyQsUQmWIqHK" style="width:900px;height:500px;"></div>
</div><script type="text/javascript">
    "use strict";
    let goecharts_IyQsUQmWIqHK = echarts.init(document.getElementById('IyQsUQmWIqHK'), "white", { renderer: "canvas" });
    let option_IyQsUQmWIqHK = {"color":["#5470c6","#91cc75","#fac858","#ee6666","#73c0de","#3ba272","#fc8452","#9a60b4","#ea7ccc"],"legend":{},"series":[{"name":"map","type":"map","map":"china","data":[{"name":"北京","value":38},{"name":"上海","value":18},{"name":"广东","value":89},{"name":"辽宁","value":60},{"name":"山东","value":81},{"name":"山西","value":71},{"name":"陕西","value":60},{"name":"新疆","value":16},{"name":"内蒙古","value":137}]}],"title":{"text":"map-Visualmap"},"toolbox":{},"tooltip":{},"visualMap":[{"calculable":null,"show":true}]}

    goecharts_IyQsUQmWIqHK.setOption(option_IyQsUQmWIqHK);
</script> <div class="container">
    <div class="item" id="BeQgvFbMvEwN" style="width:900px;height:500px;"></div>
</div><script type="text/javascript">
    "use strict";
    let goecharts_BeQgvFbMvEwN = echarts.init(document.getElementById('BeQgvFbMvEwN'), "white", { renderer: "canvas" });
    let option_BeQgvFbMvEwN = {"color":["#5470c6","#91cc75","#fac858","#ee6666","#73c0de","#3ba272","#fc8452","#9a60b4","#ea7ccc"],"legend":{},"series":[{"name":"map","type":"map","map":"china","data":[{"name":"湛江市","value":17},{"name":"东莞市","value":90},{"name":"云浮市","value":113},{"name":"梅州市","value":87},{"name":"深圳市","value":138},{"name":"广州市","value":13},{"name":"汕头市","value":80},{"name":"佛山市","value":46},{"name":"肇庆市","value":31}]}],"title":{"text":"map_religion_guang_dong"},"toolbox":{},"tooltip":{},"visualMap":[{"calculable":null,"inRange":{"color":["#50a3ba","#eac736","#d94e5d"]},"show":true}]}

    goecharts_BeQgvFbMvEwN.setOption(option_BeQgvFbMvEwN);
</script> <div class="container">
    <div class="item" id="uUZDQSciNsxx" style="width:900px;height:500px;"></div>
</div><script type="text/javascript">
    "use strict";
    let goecharts_uUZDQSciNsxx = echarts.init(document.getElementById('uUZDQSciNsxx'), "macarons", { renderer: "canvas" });
    let option_uUZDQSciNsxx = {"legend":{},"series":[{"name":"map","type":"map","map":"china","data":[{"name":"北京","value":38},{"name":"上海","value":18},{"name":"广东","value":89},{"name":"辽宁","value":60},{"name":"山东","value":81},{"name":"山西","value":71},{"name":"陕西","value":60},{"name":"新疆","value":16},{"name":"内蒙古","value":137}]}],"title":{"text":"Map-theme"},"toolbox":{},"tooltip":{},"visualMap":[{"calculable":null,"max":150,"show":true}]}

    goecharts_uUZDQSciNsxx.setOption(option_uUZDQSciNsxx);
</script>






</body>
</html>