amap-roadnet 路网图层

基本用法

将 amap-roadnet组件放置到 amap-map组件中即可

示例如下：

<div class="map-container">
  <amap-map  @complete="addRoadnetLayer">
    <amap-roadnet></amap-roadnet>
  </amap-map>
</div>
<script>
  export default {
    methods: {
      addRoadnetLayer(target){
        // some code...
      }
    }
  }
</script>
<style>
.map-container {
  height: 400px;
  width: 100%
}
</style>

显示代码 复制代码 复制代码

属性 Attributes

RoadNetOptions	类型	说明
zIndex	Number	图层叠加的顺序值，0表示最底层，默认zIndex：3
opacity	Number	图层的透明度，取值范围[0,1]，1代表完全不透明，0代表完全透明
zooms	Array	支持的缩放级别范围，默认范围为[3-18]，取值范围[3-18]；在手机、平板等高清设备上，取值范围为[3-17]
detectRetina	Boolean	是否在高清屏下进行清晰度适配，默认为true。 将根据移动设备屏幕设备像素比，采用相应的技术手段，保证图层在不同设备像素比下的清晰度。

事件 Events

事件	参数	说明
complete		图块切片加载完成事件