YY. VectorLayer

矢量图层用来添加业务的数据，点，线，面，圆形等覆盖物

creation

• constructor([id], [options])

  • options 里面的配置一般无需改动，特殊情况下，需要修改

    • {Number} minZoom最小的层级
    • {Number} maxZoom最大的层级
    • {Boolean} forceRenderOnMoving 移动地图时强制渲染 default:true
    • {Boolean} forceRenderOnZooming：缩放地图时强制渲染 default:true
    • {Boolean} forceRenderOnRotating旋转地图时强制渲染 default:true

example

const map = (this.map = new YY.Map(this.$refs.map, {
    centerCross: true,
    // bearing:-90,
    center: [120.34, 31.309622415877158],
    // pitch:40,
    // overviewControl:true,

    zoom: 8,
    // minZoom:4
}));

map.addControl(new YY.ZoomControl());

var amapTileLayer = YY.LayerLookup.lookup("amap"); //高德
map.addBaseLayer(amapTileLayer);

const layer = new YY.VectorLayer();
map.addLayer(layer);

layer.addOverlay(new YY.Point(map.getCenter()));

methods

getId()

• 获取 ID
• 返回值： String/Number

setId(id)

• 设置 id
• 参数
  • {String/Number} id
• 返回值： this

getMap()

• 获取地图对象
• 返回值： YY. Map

getOverlay(id)

• 根据 id 获取覆盖物
• 参数
  • {String} id :
• 返回值： YY. Overlay

getOverlays(ids)

• 获取多个覆盖物
• 参数
  • {Array} ids : 如果 ids 为空, 返回所有覆盖物
• 返回值： Array[YY. Overlay]

addOverlay(overlay)

• 添加覆盖物
• 参数
  • {YY. Overlay} overlay : 可以是点，线，面等覆盖物
• 返回值： this

removeOverlay(overlay)

• 移除覆盖物
• 参数
  • {YY. Overlay} overlay : 可以是点，线，面等覆盖物
• 返回值： this

addOverlays(overlays)

• 添加覆盖物
• 参数
  • {Array[YY. Overlay]} overlays : 可以是点，线，面等覆盖物
• 返回值： this

removeOverlays(overlays)

• 移除覆盖物
• 参数
  • {Array[YY. Overlay]} overlays : 可以是点，线，面等覆盖物
• 返回值： this

clear()

• 清除图层 demo
• 返回值： this

setZIndex(zIndex)

• 设置层级，一般情况下无需修改，特定情况下可以访问该方法修改图层的层级 demo
• 参数
  • {Number} zIndex :
• 返回值： this

getZIndex()

• 获取层级
• 返回值： this

getOpacity()

• 获取透明度
• 返回值： Number

setOpacity(opacity)

• 设置透明度 demo
• 参数
  • {Number} opacity :
• 返回值： this

show()

• 显示 demo
• 返回值： this

hide()

• 隐藏
• 返回值： this

isVisible()

• 是否可见
• 返回值： Boolean

getCount()

• 获取覆盖物数量 demo
• 返回值： Number

isEmpty()

• 是否为空，是否自身不含有覆盖物
• 返回值： Boolean

hit(lnglat, [options])

• 命中覆盖物，通过经纬度查看是否有覆盖物被选中
• 参数
  • {YY. LngLat} lnglat :
  • {Object} options :
• 返回值： Array[YY. Overlay]

map.on("click", function(e) {
    let geos = vectorLayer.hit(e.coordinate);
});