iframe的缩放按钮

我为自己的地图创建了iframe（这是一个大图像）。 我需要创建放大和缩小这个图像的按钮。 你能帮帮我吗

我用谷歌搜索了一下，但找不到任何明确的答案

我有这个

<div class="scale_buttons">
  <button class="button button1" id="zoom-in">+</button>
  <button class="button button2" id="zoom-out">-</button>
</div>

<div class="map" id="map">

</div><!--map-->

+
-

图像是背景图像。我需要通过点击按钮来放大它