• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

Leaflet.Mask: 从 geojson 加载多边形数据并遮盖地图的其余部分

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

Leaflet.Mask

开源软件地址:

https://gitee.com/ptma/Leaflet.Mask

开源软件介绍:

Leaflet.Mask

Leaflet.Mask 是一个 Leaflet 插件, 用于将边界数据以外的地图区域遮盖起来,可以用它来实现重点显示局部地图区域的效果。

在线 demo.

Preview

用法示例

var map = L.map("map", {    center: [29, 120],    zoom: 8});L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {    attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'}).addTo(map);L.mask('bound.json', {}).addTo(map);

调用

L.mask(geosjon, options?)
参数类型描述
geosjonString|Object.geojson URL 或 GeoJSON 对象
optionsObject遮罩图层选项

选项

选项类型默认值描述
interactiveBooleanfalse如果为 false,遮罩层将不处理鼠标事件,行为形同基础图层。
fitBoundsBooleantrue如果为 true,地图会自动放大缩放等级到遮罩区域的最大边界。
restrictBoundsBooleantrue如果为 true,地图将被会限制移动出遮罩区域。

继承自 L.Path 的样式选项

选项类型默认值描述
strokeBooleantrue是否绘制边框。
colorString'#3388ff'边框颜色。
weightNumber2边框宽度。
opacityNumber1.0边框透明度。
lineCapString'round'指定如何绘制每一条线段末端的属性。有 3 个可能的值,分别是:'butt','round' 或 ’square‘。
lineJoinString'round'用来设置2个长度不为0的相连部分(线段,圆弧,曲线)如何连接在一起的属性(长度为0的变形部分,其指定的末端和控制点在同一位置,会被忽略)。
dashArrayStringnull控制用来描边的点划线的图案范式。
dashOffsetStringnulldash模式到路径开始的距离。
fillBooleandepends是否用颜色填充。
fillColorString'#FFFFFF'填充色。
fillOpacityNumber0.2填充透明度。
fillRuleString'evenodd'填充规则。

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap