如何为 JVectorMap jquery 插件生成新的自定义地图？

Question

有用的链接

• JVectorMap：http://jvectormap.com/
• 购物中心示例：http://jvectormap.com/examples/mall/
• 注意；请查看以上链接以获取转换器链接，因为作为新成员的声誉少于 10，我不能添加两个以上的链接。

---

关于购物中心

在此问题的“有用链接”部分，我添加了一个指向购物中心示例的链接，该示例可在 JVectorMap 网站上找到。在此页面上，它解释了以下内容；使用此处提供的转换器从 SVG 创建的自定义地图示例（见注释）。请注意，如果您使用从 SVG 生成的地图，则需要按像素坐标定位标记，而不是像从 GIS 生成的地图那样按纬度和经度。

---

我需要什么帮助

我需要为我当地的购物中心制作类似的地图，购物中心的经理已经提供了数字地图。我需要知道如何将建筑群的这种日常图像格式转换为形状文件，然后如何使用该文件和转换器来创建我自己的自定义地图。

---

Answer 1

我希望您熟悉 gimp 或 Photoshop。我是个笨手笨脚的人，所以我这样做的方式是获取您从雇主那里获得的数字地图，并在您希望包含的选定区域周围建立路径。转到您的路径选项，右键单击并将路径导出为 SVG。获得 svg 文件后，转到 http://svgto.jvectormap.com/ 并将文件中的 SVG 代码复制/粘贴到转换器中。这将帮助您构建地图。

请注意，您也可以不使用 jvectormap 将 svg 代码直接导入 html 文件。