iframe的缩放按钮

Question

我为自己的地图创建了iframe（它是一张大图）。 我需要在此图像上创建用于放大和缩小的按钮。 请帮帮我。

我用Google搜索了，但无法找到任何明确答案。

我有这个

<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-->

图片是一个bg。我需要点击按钮

来缩放它