我们经常会看到一些商场地图或者其他的静态图展示的情况，在Openlayers实战中，我们加载静态图片，使其成为底图，通过缩放，来展示各个部分。

效果图

源代码

/*
* @Author: 大剑师兰特（xiaozhuanlan），还是大剑师兰特（CSDN）
* @此源代码版权归大剑师兰特所有，可供学习或商业项目中借鉴，未经授权，不得重复地发表到博客、论坛，问答，git等公共空间或网站中。
* @Email: 2909222303@qq.com
* @First published in CSDN
* @First published time: 2023-07-12
*/
<template>
	<div class="container">