Leaflet插件对TopoJson的解析和支持
Posted cr1215995281
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Leaflet插件对TopoJson的解析和支持相关的知识，希望对你有一定的参考价值。
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的解析和支持的主要内容，如果未能解决你的问题，请参考以下文章