• echarts加载geojson

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.bootcss.com/echarts/4.2.1-rc1/echarts.min.js"></script>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>

<body>
    <div id="main" style="height: 500px; 500px;"></div>
</body>
<script type="text/javascript">
    //
    
    $.get('../../json/fmq1.json', function (Json) {
        echarts.registerMap('fmq1', Json);
        var chart = echarts.init(document.getElementById('main'));
        chart.setOption({
            series: [{
                type: 'map',
                mapType: 'fmq1'
            }]
        });
    });
</script>

</html>

    注意geojson中的属性字段，name字段需要小写，不识别NAME

    geojson:

    {
        "type": "FeatureCollection",
        "features": [{
                "type": "Feature",
                "geometry": ,
                "properties": {
                    "OBJECTID": 0,
                    "CC": "",
                    "GB": "",
                    "name": "斗山历史文化街区核心保护范围",
                    "PAC": "",
                    "PRCTAG": "",
                    "ELEMSTIME": "",
                    "ELEMETIME": "",
                    "AREACODE": 0,
                    "FEATID": "",
                    "CHANGETYPE": 0,
                    "CHANGEATT": "",
                    "Shape_Leng": 0,
                    "Shape_Area": 0
                }
            },
  • 相关阅读:
    运算
    使用mysql出现错误：com.mysql.jdbc.exceptions.jdbc4.MySQLSyntaxErrorException: Unknown column '??????' in 'field list'
    POI-HSSF and POI-XSSF
    java pio项目使用
    mysql安装及卸载
    pdf转word
    【android studio】android studio使用过程中，搜集的一些问题
    github提交失败并报错java.io.IOException: Authentication failed:
    收集的github的东西
    Material Design
  • 原文地址：https://www.cnblogs.com/weixiaoxiang/p/13139138.html
Copyright © 2020-2023  润新知