D3入门:学习思维导图 + 99个中文API详解
创建一个关于D3.js的思维导图可以帮助你更好地理解其各个组成部分及其功能。下面是一个基于文本的D3.js思维导图,在下方有我们的API的中文详解。
以下部分目录正在建设中,暂时充盈字数,用leaflet的目录做展位使用,内容在陆续的更新中
中文API详解 目录
基础设置
- vue+leaflet:从0 到1 搭建开发环境
- vue+leaflet:清除所有图层的通用方法
- vue+leaflet:清除所有的marker图层,保留其他图层
- vue+leaflet:清除底图以外的所有图层(两种方法)
- vue+leaflet:只显示一屏地图,maxBounds的控制
- vue+leaflet:设定范围,只加载显示某个区域的瓦片
- vue+leaflet:获取map状态(中心点,zoom值,角度边界值,容器宽高,像素边界值)
- vue+leaflet:获取map当前的边界值(8个方位)
- vue+leaflet:设置一个图层或者多个图层的透明度(setOpacity)
- vue+leaflet:Point 和 LatLng 互相转换
- vue+leaflet:禁止拖拽、禁止zoom(双击、滚轮、键盘)、禁止tap
- vue+leaflet:双击地图,放大zoom
- vue+leaflet: URL中显示zoom大小,经度和纬度的值
- vue+leaflet:修改popup的样式,个性化弹窗
加载地图
- vue+leaflet:直接加载图片缩放,不需要地图底图
- vue+leaflet:加载OpenStreetMap地图
- vue+leaflet:加载天地图,多种形式自由切换
- vue+leaflet:加载google地图(多种形式)
- vue+leaflet:加载高德地图(多种形式)
- vue+leaflet:加载腾讯地图,3种形式
- vue+leaflet:加载百度地图,2种形式切换
- vue+leaflet:加载Geoq智图,4种形式切换
- vue+leaflet:加载Jawg地图(6种形式)
- vue+leaflet:加载Esri地图(多种形式)
- vue+leaflet:加载here地图(v2软件多种形式)
- vue+leaflet:加载here地图(v3软件多种形式)
- vue+leaflet:加载tomtom地图(多种形式)
- vue+leaflet:加载MapTilesAPI地图(多种版本形式)
- vue+leaflet:加载Thunderforest地图(多种形式)
- vue+leaflet:加载OpenTopoMap地图
- vue+leaflet:加载Stadia地图(多种形式)
- vue+leaflet:自定义添加地图网格线
- vue+leaflet:实现极地标线地图,加载tileLayer.wms数据
- vue+leaflet:利用CRS实现椭圆形的全球地图
- vue+leaflet:在25833投影坐标下,加载一小块图像叠层数据
- vue+leaflet:点击某个网格,加载显示相应的瓦片数据
- vue+leaflet:加载数据,显示热力图
加载、上传、导出文件
- vue+leaflet:使用SVGOverlay来加载svg文件
- vue+leaflet:加载json文件,并自定义icon显示
- vue+leaflet:加载Geoserver地图,WMS格式数据
- vue+leaflet:加载WMTS数据,显示图形
- vue+leaflet:加载含有SHP文件的zip,显示SHP图形
- vue+leaflet:加载本地shp文件,并在地图上显示出来
- vue+leaflet:加载KML文件,显示图形(方法1)
- vue+leaflet:加载KML文件,显示图形(方法2)
- vue+leaflet:加载KML文件,显示图形(方法3)
- vue+leaflet:加载KMZ文件,显示图形
- vue+leaflet:加载GPX文件,显示图形(方法1)
- vue+leaflet:加载GPX文件,显示图形(方法2)
- vue+leaflet:加载GPX数据,导出为geoJson文件
- vue+leaflet:加载topojson文件,显示图形(方法1)
- vue+leaflet:加载CSV文件,显示图形
- vue+leaflet:加载WKT文件,显示图形
- vue+leaflet:使用L.geoJSON加载文件,参数pointToLayer的使用方法
- vue+leaflet:使用L.geoJSON加载文件,onEachFeature的使用方法
- vue+leaflet:使用L.geoJSON加载文件,参数style的使用方法
- vue+leaflet:使用L.geoJSON加载文件,参数filter的使用方法
- vue+leaflet:加载geojson文件,显示图形)
- vue+leaflet:feach方法加载俄罗斯国界线geojson,可以拖拽图层)
- vue+leaflet:使用VideoOverlay来加载mp4视频
- vue+leaflet:加载mp4等视频文件,设置播放暂停按钮
- vue+leaflet:加载Geotiff文件,在map上显示图形
- vue+leaflet:上传Geotiff文件,并在map上显示图形
- vue+leaflet:上传geojson文件,在map上显示图形
- vue+leaflet:上传CSV文件,在map上显示图形
- vue+leaflet:上传WKT文件,在地图上显示图形
- vue+leaflet:上传gpx文件,在地图上显示图形
- vue+leaflet:上传SHP文件,在map上显示图形
- vue+leaflet:上传包含SHP的zip文件,在地图上显示图形
- vue+leaflet:上传KML文件,在map上显示图形
- vue+leaflet:上传KMZ文件,在map上显示图形
- vue+leaflet:读取上传的wkt文件,转换为geojson文件
- vue+leaflet:读取上传的geojson文件,转换为wkt文件
- vue+leaflet:设置多个marker,导出为一个geojson文件
- vue+leaflet:根据坐标点设置多边形,生成geojson文件,计算面积值
- vue+leaflet:上传KML文件,导出为geojson文件
- vue+leaflet:上传CSV文件,导出geojson格式文件
- vue+leaflet:转换geojson文件,导出WKT格式文件
- vue+leaflet:转换geojson文件,导出KML格式文件
- vue+leaflet:转换geojson文件,导出CSV格式文件
- vue+leaflet:导出图片,打印图片(A4横版或竖版)
显示图形
- vue+leaflet:加载显示单个图片gif 等,运用imageOverlay
- vue+leaflet:随机显示不同颜色的circleMarker
- vue+leaflet:使用circle加载显示多个点point
- vue+leaflet:DivIcon实战示例代码,个性化marker
- vue+leaflet:自定义marker图标,每个点设置不同图片
- vue+leaflet:一个marker的世界旅行动画
- vue+leaflet:实现波动的marker效果
- vue+leaflet:选择一个marker,点击后设置其为中心点
- vue+leaflet:点击marker,实现跳跃的动画效果
- vue+leaflet:设置marker,并可以任意拖动
- vue+leaflet:纯css的marker标记,不用图片来表示
- vue+leaflet:添加多个marker方法1,一一添加到地图
- vue+leaflet:添加多个marker方法2:先构成markerGroup
- vue+leaflet:使用Rectangle显示矩形
- vue+leaflet:使用Polygon画嵌套多边形,一个数组多条数据
- vue+leaflet:绘制具有虚线框的多边形
- vue+leaflet:使用Polyline画多段折线
- vue+leaflet:绘制带箭头的轨迹线
- vue+leaflet:显示大箭头的线
- vue+leaflet:显示不同颜色的点划线
- vue+leaflet:绘制显示半圆形,扇形
- vue+leaflet:使用hotline沿折线绘制渐变
- vue+leaflet:绘制两个多边形的交集、差集、并集
- vue+leaflet:绘制多个点的信封envelope矩形
- vue+leaflet:根据一组点的值生成凹包,并在地图上显示
- vue+leaflet:在地图上动态的绘制正弦波
- vue+leaflet:根据两个坐标值,设置arc弧线和Marker
- vue+leaflet:分别使用L.svg和L.canvas来渲染矢量图形的示例
手绘编辑图形
- vue+leaflet:使用circle画随机颜色的圆形
- vue+leaflet:使用circleMarker画圆形
- vue+leaflet:自定义绘制,可以画多边形、折线、圆形、marker、矩形
- vue+leaflet:设置线段、圆形、矩形等可编辑状态,拖拽改变形状
- vue+leaflet:测量线段.圆形.多边形的长度面积,并控制显示隐藏
- vue+leaflet:个性化配置,利用Leaflet-Geoman绘制多种图形
- vue+leaflet:利用Leaflet-Geoman绘制图形,导出为geojson文件
Event 和 Control
- vue+leaflet:添加比例尺(两种方法)
- vue+leaflet:通过Control.extend,自定义zoom放大缩小
- vue+leaflet:配置Zoom属性,个性化放大缩小按钮
- vue+leaflet:添加zoomslider,控制zoom放大缩小
- vue+leaflet:实现鹰眼图效果
- vue+leaflet:设置显示全屏和退出全屏功能
- vue+leaflet:移动鼠标显示经纬度坐标(小数点后5位)
- vue+leaflet:点击鼠标显示经纬度坐标 (小数点后5位)
- vue+leaflet:鼠标事件click和dblclick,并解决两者冲突问题
- vue+leaflet:鼠标事件 mouseover和mouseout,弹出文字信息
- vue+leaflet:鼠标点击弹出明星名片
- vue+leaflet:鼠标mouseover显示城市图片信息,mouseout隐藏信息
- vue+leaflet:设置右键菜单,配置相应的功能
- vue+leaflet:获取使用者当前的地理位置
- vue+leaflet:自定义L.control扩展,配置地图水印
- vue+leaflet:多功能集成(位置、搜索、切换地图、全屏、鹰眼等)
综合应用
- vue+leaflet:轨迹移动,有开始和暂停功能
- vue+leaflet:实现数据点聚合功能
- vue+leaflet:数据聚合,显示当前bounds区域中的点的名称列表
- vue+leaflet:实现左卷帘效果
- vue+leaflet:给出地址,esri转换为坐标后,弹出marker
- vue+leaflet:自定义游戏瓦片tile地图,进行3级zoom加载
- vue+leaflet:通过两行根数TLE,计算并显示卫星轨迹
- vue+leaflet:地图上叠加日夜区域
- vue+leaflet:利用mapbox坐标转地址,点击鼠标显示地址信息
- vue+leaflet:利用高德逆地理编码,点击地图标记marker,popup地址信息
常见问题
- vue+leaflet:解决marker呈现灰色边框的问题
- vue+leaflet:解决 leaflet.TileLayer.WMTS不显示图形bug的问题
- vue+leaflet:鼠标事件click和dblclick,并解决两者冲突问题