How to generate a new, custom map for the JVectorMap jquery plugin?

老子叫甜甜 提交于 2019-12-21 06:36:32

问题


Useful Links

  • JVectorMap: http://jvectormap.com/
  • Shopping Complex Example: http://jvectormap.com/examples/mall/
  • Note; Please view the above link for the converter link as due to having less than 10 reputation being a new member, I cannot add more than two links.

About the Shopping Complex

In the 'Useful Links' section of this question, I have added a link to a shopping complex example which can be found on the JVectorMap website. On this page, it explains the following; Example of custom map created from SVG using converter available here(see note). Please note that if you use map generated from SVG you need to position markers by pixel coordinates, not by latitude and longitude as in case of map generated from GIS.


What I need help with

I need to make similar maps for my local shopping complexes, whom the complex manager(s) ave provided a digital map. I need to know how to take this every-day image format of a building complex and turn it into a shape file and then how to use the file with the converter to create my own custom map.



回答1:


I hope you are familiar with gimp or photoshop. I'm a gimp guy so the way I do it is I would take the digital map that you get from your employer and build paths around the selected regions you want included. Go to your paths option, right click and export path as SVG. Once you have the svg file go to http://svgto.jvectormap.com/ and copy/paste the SVG code inside your file into the converter. This will help you build a map.

Note you can also import the svg code directly into your html file without jvectormap.



来源:https://stackoverflow.com/questions/15571422/how-to-generate-a-new-custom-map-for-the-jvectormap-jquery-plugin

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!