eChars实现哈尔滨市区县地图展示

最新推荐文章于 2024-08-13 18:13:57 发布

--维他命-C

最新推荐文章于 2024-08-13 18:13:57 发布

阅读量2.5k

点赞数 1

分类专栏：技术之路文章标签：地图技术数据哈尔滨

本文链接：https://blog.csdn.net/u011688281/article/details/78729164

版权

eChars实现哈尔滨市区县地图展示
本次写的内容是关于eChars实现自定义地图的有关话题，虽然很多人都对eChars如何实现自定义地图进行过技术问答，但由于eChars官网对ECharts 之前提供下载的矢量地图数据来自第三方在线生成GeoJSon数据的关闭，使的我们生成GeoJSon数据变得困难，我尝试过使用工具自定义生成geoJSon
geoJSon地图数据包地址：http://download.csdn.net/download/u011688281/10144151
jsp代码

<% 

//地图
List dtlist = EChartsService.getInstance().dtQxspxmpm(); //查询List数据
System.out.println("==="+dtlist.size());

%>
<div class="yxzg03 yxzg03_add">
     <div id="main" style="width: 900px;height:700px;margin:0 auto"></div>  </div>
 <script type="text/javascript"> 
        $.get('../mapjson/haerbin.json', function (yCjson) {  

             echarts.registerMap('哈尔滨', yCjson);  

        var chart = echarts.init(document.getElementById('main'));  

        option = {  
            title: {  
                text: '',  
                x:'center'  
            },  
            tooltip : {
                 trigger: 'item'
                 }, 
            legend: {
                 orient: 'vertical',
                 x:'left',
                 data:['数量']
              }, 
            dataRange:{  
                x: 'left',
                y: