首页 / ECHARTS / echarts加载geojson

echarts加载geojson

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了echarts加载geojson，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1205字，纯文字阅读大概需要2分钟。

内容图文

            <!
            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;width: 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
            }
        },

原文：https://www.cnblogs.com/weixiaoxiang/p/13139138.html

内容总结

以上是互联网集市为您收集整理的echarts加载geojson全部内容，希望文章能够帮你解决echarts加载geojson所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1277265.html

来源：【匿名】