How store coordinates of boundaries of each zone region in a London tube map .GIF file?

Question

I am trying to:

1. Generate a KML file that stores the coordinates of each boundary zone region of London tube map.

2. Store x,y coordinates as key-pair values to store points of each station on each line.

A KML eventually would look like this:

<nameOfLine>
 <zoneNumber>
     <zoneregionCoords>
       <stationName>
             <xCoords></xCoords>
             <yCoords></yCoords>
       </stationName>
    </zoneregionCoords>
 </zoneNumber>
</nameOfLine>

Is there a tool to trace the region coordinates of mouse movements (read) from the GIF file onto a KML file? Is there a way I can specifiy the element tags at the same time in the KML file?

The whole objective is to generate this KML file with minimal code.

I am going to use Processing after I have generated the KML file, to give visualization for data to be displayed on the London tube map.gif file.

Answer 1

You can use a tool such as Plot Digitizer to record the coordinates of mouse clicks, then process the final coordinate list with another tool to create a KML.

Alternatively you could create an image overlay in Google Earth using that GIF, align it, then use Google Earth to create the points.