svg 显示在 edge 中，而不是 chrome 或 firefox答案

【问题标题】：svg shown in edge , not in chrome or firefoxsvg 显示在 edge 中，而不是 chrome 或 firefox
【发布时间】：2021-11-02 22:40:48
【问题描述】：

我最近决定开发 opencart，opencart 仪表板有一个全球地图，用于订单我想将世界地图更改为伊朗地图
此地图使用 jquery 和 jqvmap

我改变了地图的代码，它也改变了。但它在 chrome 或 firefox 中没有显示！但 ok 在 edge ...

我注意到这是伊朗地图文件的问题，这个地图 svg 有一个我无法修复的问题

这是地图的链接，你能解释一下如何解决这个问题吗？谢谢

https://github.com/10bestdesign/jqvmap/blob/master/dist/maps/jquery.vmap.iran.js

【问题讨论】：

github 链接是一个 javascript 文件，其中包含一个应该用于构建 svg 的对象，我看到的唯一问题是 svg 元素有 2 对宽度高度属性。问题可能出在您用于在 svg 代码中转换对象的脚本中，

【解决方案1】：

地图本身似乎可以工作。我正在使用 Chrome。这是带有地图的代码笔： https://codepen.io/invisiblegorilla/pen/zYzKQqK

$("#country_svg").vectorMap({"map": "iran_ir",});

此库及其地图可在 cndjs 上使用，这是 Codepen 中用于导入地图的内容：https://cdnjs.com/libraries/jqvmap

你说你改变了地图？你是怎么改的？如果您可以使用有关如何更改文件的信息或更改文件的链接更新您的问题，那么也许我们可以找到问题。

【讨论】：