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

Question

有用的链接

• JVectorMap：http ://jvectormap.com/
• 购物中心示例：http : //jvectormap.com/examples/mall/
• 笔记; 请查看上述转换器链接的链接，因为作为新成员的声誉不到 10，我不能添加两个以上的链接。

---

关于购物中心

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

---

我需要什么帮助

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

---

Answer 1

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

请注意，您也可以将 svg 代码直接导入到您的 html 文件中，而无需使用 jvectormap。