I am building an application using Map component from the D3 library. I like it very much - great job guys!
What I need to do is to draw custom shapes, with corners (anchor points) hooked to the specific Geographic Coordinates (as shown in the pictures).
After I zoom in or zoom out, the anchor points should stay exactly in the same coordinates and the symbol should rebuild itself accordingly. Additionaly, it should be possible to edit the symbols visible in the map (grab the anchor point and move it to change
the shape of the symbol). You have an example of DraggablePoint object in the solution, but you move the whole component across the map. Im my case I need to move just one end/corner of the shape that I draw.
So, just to summarize: I need to be able to put custom symbols (consiting on many shapes) on the map in the specific coordinates and I need an ability to edit the shape (or just some parts of the shape). The shape should stick to the given coordinates while
Any ideas on how to implement this? Any help will be appreciated.