首页 > Web开发 > 详细

Leaflet插件对TopoJson的解析和支持

时间:2019-10-15 12:40:34      阅读:178      评论:0      收藏:0      [点我收藏+]

1.需引入js:

<script src="https://d3js.org/topojson.v1.min.js"></script>

可下载到本地,直接引入。

2.要使用这个js,得新创建一个新的图层:

const topoLayer = new L.TopoJSON();

3.js代码解析部分:

L.TopoJSON = L.GeoJSON.extend({  

  addData: function(jsonData) {    

    if (jsonData.type === ‘Topology‘) {

      for (key in jsonData.objects) {

        geojson = topojson.feature(jsonData, jsonData.objects[key]);

        L.GeoJSON.prototype.addData.call(this, geojson);

      }

    }    

    else {

      L.GeoJSON.prototype.addData.call(this, jsonData);

    }

  }  });

4.怎么调用上面的解析部分:

function addTopoData(topoData) {  

  topoLayer.addData(topoData);

  topoLayer.addTo(map);

备注:

1.topoLayer是上面创建的那个图层

2.addData是上面解析部分addData方法,将json数据加载到topoLayer图层上.

Leaflet插件对TopoJson的解析和支持

原文:https://www.cnblogs.com/cr1215995281/p/11676785.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!