五十一、openlayers官网示例Layer Min/Max Resolution解析——设置图层最大分辨率，超过最大值换另一个图层显示

卷新心菜

于 2024-06-20 23:00:00 发布

阅读量572

点赞数 3

CC 4.0 BY-SA版权

分类专栏： openlayers官网示例解析文章标签： openlayers openlayers官网示例前端地图 GIS

本文链接：https://blog.csdn.net/aaa_div/article/details/139803334

使用minResolution、maxResolution分辨率来设置图层显示最大分辨率。

<template>
  <div class="box">
    <h1>Layer Min/Max Resolution</h1>
    <div id="map" class="map"></div>
  </div>
</template>

<script>
import Map from "ol/Map.js";
import OSM from "ol/source/OSM.js";
import TileJSON from "ol/source/TileJSON.js";
import TileLayer from "ol/layer/Tile.js";
import View from "ol/View.js";
import StadiaMaps from "ol/source/StadiaMaps.js";
export default {
  name: "",
  components: {},
  data() {
    return {
      map: null,
    };
  },
  computed: {},
  created() {},
  mounted() {
    const map = new Map({
      layers: [
        new TileLayer({
          source: new OSM(),
          minResolution: 200,
          maxResolution: 2000,
        }),
        new TileLayer({
          source: new S