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图层上.

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

时间: 2024-10-25 06:05:27

Leaflet插件对TopoJson的解析和支持的相关文章

js里各浏览器解析XML,支持IE、火狐、Chrome等

js在chrome中加载XML,js加载XML支持ff,IE6+,Opera等浏览器 见代码: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js里各浏览器解析XML,支持IE.火狐.Chrome等</title> </head> <body> <script> fu

最稳定万能vip视频解析接口 支持HTTPS

https://cdn.yangju.vip/k/?url=后面加上播放的地址即可 https://cdn.yangju.vip/k/?url= https://jx.lache.me/cc/?url= https://api.653520.top/vip/?url= https://jx.ab33.top/vip/?url= https://vip.mpos.ren/v/?url= https://jx.000180.top/jx/?url= https://jx.km58.top/jx/?u

sublime 如何安装插件实现高效输入,如何支持markdown 语法,并实时预览

啊,一直想鼓捣markdown的语法,但是配置什么的有点麻烦.不过用起来的话,真心顺手.无需考虑格式与语法点来点去影响效率, 用心去搬砖,用脚修bug 一.初识 Package Control 首先,安装Package ControlPackage Control   顾名思义是 Sublime Text 的包管理器,其中包含了2,000+  软件包列表.用于可以自行添加任何GitHub或BitBucket的存储库. 并且在安装后,该管理器会实时保持自动更新的最新状态. Package Cont

Logstash笔记(二)-----grok插件的正则表达式来解析日志

(一)简介: 丰富的过滤器插件的存在是 logstash 威力如此强大的重要因素.名为过滤器,其实提供的不单单是过滤的功能,它们扩展了进入过滤器的原始数据,进行复杂的逻辑处理,甚至可以无中生有的添加新的 logstash 事件到后续的流程中去! Grok 是 Logstash 最重要的插件.你可以在 grok 里预定义好命名正则表达式,在稍后(grok参数或者其他正则表达式里)引用它. 大多数Linux使用人员都有过用正则表达式来查询机器中相关文件或文件里内容的经历,在Grok里,我们也是使用正

如何让你的Apache支持include文件解析和支持shtml的相关配置

源地址:http://www.itokit.com/2011/0430/65992.html Apache支持include文件解析shtml首先要应该修改Apache配置文件httpd.conf 1. 确认加载include.so模块,将注释去掉: LoadModule include_module libexec/apache2/mod_include.so 2. AddType部分去掉这两段注释: AddType text/html .shtml AddOutputFilter INCLU

Dynamic CRM 2013学习笔记(一)插件输入实体参数解析

1. 问题描述 最近新建了一个post事件的插件,传入的参数处理如下: 1: if (context.InputParameters.Contains("Target") && context.InputParameters["Target"] is Entity) 2: { 3: Entity entity = (Entity)context.InputParameters["Target"]; 4: - 5: 6: } 7:

用C#实现RSS的生成和解析,支持RSS2.0和Atom格式

RSS已经非常流行了,几乎所有有点名气的和没名气的网站都有提供RSS服务. 本文详细教你什么是RSS,如是在.Net中使用RSS. 1.那么什么是RSS呢? RSS是一种消息来源格式规范,用以发布经常更新资料的网站,例如博客.新闻的网摘.RSS文件,又称作摘要.网摘.更新.频道等,包含了全文或节选文字,再加上一定的属性数据.RSS让发布者自动发布信息,也使读者能够聚合和定期更新不同网站的网摘.RSS可以通过以网页或桌面为架构的软件来阅读,即RSS阅读器.新闻聚合器等,并进行定期更新检查.自动下载

jQuery插件之ajaxFileUpload详细解析

功能:ajaxFileUpload是一个异步上传文件的jQuery插件 语法:$.ajaxFileUpload([options]) options参数说明: url                         上传处理程序地址. fileElementId 需要上传的文件域的ID,即<input type="file">的ID. secureuri   是否启用安全提交,默认为false. dataType   服务器返回的数据类型.可以为xml,script,jso

轮播插件unsilder 源码解析(一)--之jquey的深入

//trigger $('#foo').on('click', function() { alert($(this).text()); }); $('#foo').trigger('click'); $('#foo').on('custom', function(event, param1, param2) { alert(param1 + "\n" + param2); }); $('#foo').trigger('custom', ['Custom', 'Event']); var