比例尺

mapgis-custom-scale

示例

<template>
  <mapgis-web-map class="mapgis-2d-map" v-bind="{ ...mapOptions }">
    <mapgis-custom-scale :outStyle="scaleStyle" />
  </mapgis-web-map>
</template>

<script>
  export default {
    components: {
      "mapgis-web-map": window.Mapgis2d.MapgisWebMap,
      "mapgis-custom-scale": window.Mapgis2d.MapgisCustomScale
    },
    data() {
      return {
        mapOptions: {
          crs: "EPSG:4326", //经纬度一定要设置crs参数
          maxBounds: [
            [-180, -90],
            [180, 90]
          ],
          zoom: 2.5,
          center: [110, 30],
          //设置地图样式信息
          mapStyle:
            "http://develop.smaryun.com:6163/igs/rest/mrms/vtiles/styles/OSM全中国经纬度.json"
        },
        scaleStyle: {
          position: "absolute",
          zIndex: 9000,
          left: "10px",
          bottom: "20px",
          maxHeight: "150px",
          width: "220px"
        }
      };
    },
    methods: {
      hideCollapseScale() {
        if (this.$refs.collapsescale) {
          this.$refs.collapsescale.hide();
        }
      }
    }
  };
</script>

<style>
  .mapgis-2d-map {
    height: 350px;
  }
</style>

属性

outStyle

• 类型: Object
• 默认值: { left: "10px", top: "10px" }
• 非侦听属性
• 描述: 图例默认显示位置与大小

方法

update

• 描述: 强行刷新渲染比例尺