Leaflet
Leaflet是一个开源的地图Javascript库
一碗老面i
To be a better man.
展开
-
leaflet layerGroup 控制图层显示/隐藏问题
this._ViewGroup=L.layerGroup().addTo(this.viewer);//显示/隐藏 图层组this._ViewGroup.eachLayer(item=>{item.setOpacity(1);});this._ViewGroup.eachLayer(item=>{item.setOpacity(0);});原创 2021-05-18 15:35:32 · 2380 阅读 · 0 评论 -
leaflet+D3
前言:虽然Leaflet提供了强大的画图工具,不过它的速度不是很尽人意,当数据量较大的时候,需要较长的渲染时间,交互好感度会降低。因此我们可以考虑使用D3,在leaflet的地图上蒙上一个svg,在svg上画图会加快一些速度,获得更好的交互体验。D3官网上有Leaflet+D3的相关介绍https://bost.ocks.org/mike/leaflet/效果图如下:实现效果代码:<!DOCTYPE html><html> <head>原创 2020-10-10 15:03:57 · 1249 阅读 · 0 评论 -
leaflet获取当前地图比例尺参数
<!DOCTYPE html><html><head> <title>Quick Start - Leaflet</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="shortcut icon" type="image/.原创 2020-09-28 10:32:59 · 3391 阅读 · 0 评论 -
leaflet 加载矢量切片服务
import L from 'leaflet';import 'leaflet-side-by-side';// geomanimport '@geoman-io/leaflet-geoman-free';import '@geoman-io/leaflet-geoman-free/dist/leaflet-geoman.css';let L = this.L; let _this = this; let url = _this.districtUrl + '/r.原创 2020-09-08 11:21:44 · 934 阅读 · 0 评论