javascript - 如何为 JVectorMap jquery 插件生成新的自定义 map ?

标签 javascript jquery svg jvectormap

有用链接


关于购物中心

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


我需要什么帮助

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


最佳答案

我希望您熟悉 gimp 或 Photoshop。我是一个瘸子,所以我的做法是,我会获取你从雇主那里获得的数字 map ,并围绕你想要包含的选定区域构建路径。转到路径选项,右键单击并将路径导出为 SVG。获得 svg 文件后,转到 http://svgto.jvectormap.com/并将文件中的 SVG 代码复制/粘贴到转换器中。这将帮助您构建 map 。

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

关于javascript - 如何为 JVectorMap jquery 插件生成新的自定义 map ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15571422/

相关文章:

javascript - 如何跨浏览器查找 HTML 按钮或图像的坐标?

javascript - JavaScript使用isNaN验证返回值NaN

javascript - JQUERY TAGIT 验证输入是否为数字

ionic-framework - Ionic 4 更改图像填充颜色

javascript - 模板在正确加载之前中断

javascript - 如何编辑 Firefox 扩展?

javascript - 无法让 if else 在 HAML javascript 中正常工作

jquery - materialize-css 和 Webpack 问题,忽略大小写时具有相同名称的模块,JQuery

javascript - toSVG() 不尊重文本和下划线的来源

javascript - 来自数组的 SVG 元素