底图层也叫地图瓦片层,是基础平面地图的子组件,支持独立的样式和数据配置,包括底图层的瓦片类型或地址、颜色、滤镜等,能够使用自定义的瓦片服务来设置基础平面地图的背景。本文档为您介绍底图层各配置项的含义,帮助您快速准确地使用底图层子组件。

参考地图容器添加底图层子组件,并配置其参数。

样式



  • 蒙版颜色:底图层的蒙版颜色,可参考颜色选择器说明进行修改。
  • 透明度:底图层的透明度,范围为0到1。
  • 瓦片:在瓦片中直接输入瓦片地址。DataV 支持接入的地图瓦片服务包含以下几种:
    • GeoQ地图
      • GeoQ水墨灰://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetGray/MapServer/tile/{z}/{y}/{x}
      • GeoQ午夜蓝://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetPurplishBlue/MapServer/tile/{z}/{y}/{x}
      • GeoQ彩色://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineCommunity/MapServer/tile/{z}/{y}/{x}
      • GeoQ边界://thematic.geoq.cn/arcgis/rest/services/ThematicMaps/administrative_division_boundaryandlabel/MapServer/tile/{z}/{y}/{x}
    • 高德地图
      • 高德电子地图:http://webst02.is.autonavi.com/appmaptile?style=7&x={x}&y={y}&z={z}
      • 高德卫星图:http://webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}
      • 高德卫星图(路网、注记):http://webst02.is.autonavi.com/appmaptile?style=8&x={x}&y={y}&z={z}
    • Google地图
      • 谷歌电子地图:http://www.google.com/maps/vt?lyrs=m@189&hl=en_US&x={x}&y={y}&z={z}
      • 谷歌卫星地图:http://mt3.google.com/vt/lyrs=s&hl=zh-CN&gl=en_US&x={x}&y={y}&z={z}
    说明 冒号后面为瓦片地址。
  • 自动刷新:勾选后,系统会按照您设置的间隔时间,自动刷新瓦片数据。
    说明 当您使用的瓦片服务为高德热力或高德实时路况时,需开启此选项,用来自动刷新获取最新的瓦片数据。

    瓦片间隔:瓦片自动刷新的时间间隔,单位为分钟。

  • 滤镜:勾选后,可以为底图层添加滤镜效果,并通过滤镜选项设置滤镜的亮度对比度灰度色相反转饱和度墨度

数据

此组件不需要配置数据。

交互

此组件没有交互事件。