Search code examples
mapspolymerleafletvector-graphicsjvectormap

Which web technologies are available for displaying vector map in Polymer?


I am working on my first web project, so newbie here. I use Polymer 1.0, and I want to display an imaginary map.

This map was designed with Illustrator, and therefore I can export the map in .pdf or .svg.

Which tools would let me to use this map and navigate through it, add some markers, etc... using Polymer?

I am currently trying to make Leaflet and JVectorMap working, but I am lacking experience with web technologies and I don't even know if these tools will allow me to do what I've explained above. All the examples I found so far are real-world maps.


Solution

  • The best tool I've found for tying data to an SVG and making it interactive is d3.js. Here's a simple example that builds the SVG from JSON data, but you could skip that step and use an existing SVG. Once you're comfortable with that, have a look at the examples gallery to see other ways you can use d3.js to interact with your map.