I drew a map of a floor with illustrator. I plan to export this map as .svg and use it in a website, no issue with that. However I would like to place points inside the map that do not represent anything but act as markers that can be used easily while manipulating the svg afterward (for example something that can add a special attribute to the svg path element). Do you have any idea to do it?

  • 1
    SVG is just a list of coordinates – Cai Aug 19 '16 at 16:08
  • Also I'm a bit confused on what you're trying to do. If you want to apply an attribute to a path you just use that path, why do you need another point as reference? – Cai Aug 19 '16 at 17:18
  • Your SVG code will contain <g> and <path> tags that you can attach classes or IDs to style to your liking. – Manly Aug 19 '16 at 17:25
  • Are you trying to make a graph network out of this data so that you can do route planning? You can place invisible data, either dont fill or stroke the data or make it have some outrageous color than just make that style invisible (just remember to export styles) – joojaa Aug 19 '16 at 20:10
  • Yes joojaa. However I would like to be able to identify them once exported while reading the SVG. – Ali Baba Aug 20 '16 at 8:55

I have finally found a solution: just name the layers and groups as you like and while exporting illustrator will set the id attribute of the elements to the names you provided.


enter image description here

Exported svg:

enter image description here


Adjust your vector: Object/artboards/convert to artboards after save as SVG ,SVG option you see SVG code... and save SVG1.1

  • 3
    How does this answer the question? You are just explaining how to save as SVG, which the question clearly says there is no issue with. – Cai Aug 19 '16 at 23:19

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.