Drawing Polylines

The task at hand is to create a polyline draw UI that people can use to edit their own neighborhood boundaries.

The tool that I’ve created uses the Google Geocoder to set the points. (Previously, I’d used a Geocoder based on the Perl module Geo::Coder::US.)

The UI builds a list of points. There is a box at the top where the next point is added when the goecoding resolves correctly.

There is the issue of how to resolve multiple geocode answers, when they occur. One option is to draw the possiblities, each in a different color and ask the person to choose which they want to use. If there are three addresses, say, each point can be displayed with different marker, and marker color, the Three addresses can appear at the top of the list in a style of some sort, something bulbous, that has the three addresses with color coded back grounds, the user can chose one of the three options.

Mousing over each coordinate and highlights them. An X will appear to the right, allowing you to delete the address.

I’m trying to decide how to insert.

I don’t want to reorder the list. I’d rather move the insertion point.

I’m imagining drawing a border, or moving a div to show the insertion point. Drawing a dark line above where the insert would take place.

What will I learn when this is done? I’ll have chosen a temporary icon set, or possibly it is the one to go with.

I might learn how to create the rounded edges that are found around Flicker photosets.

Leave a Reply