交互式图形的SVG后备

Question

我正在开发一个交互式SVG地图，该地图没有存储在单独的文件中，而是直接在html文件中定义，如下所示：

<svg id="map" ...>
    <path  d="M1336.5,2969.1c-10.8 ... "/>
</svg>

我希望在不支持SVG的所有浏览器中显示旧版本的地图（div包含大量图像，每个图像都在悬停时更改）。是否可以不使用JavaScript？

到目前为止，我已经找到了几个解决方案，展示了如何为svg文件使用回退，例如：

<object type="image/svg+xml" data="svg-ok.svg">
  <p class="warning">
    Your browser does not support SVG!
  </p>
</object>

但是当两个地图都是DOM的一部分时，如何做到这一点，而不仅仅是单独文件中的图片？