Построение точек выполняется в Javascript, мне удалось узнать все, что мне нужно, из документации API карт: http://code.google.com/apis/maps/documentation/javascript/basics.html
Я удалил приведенный ниже код с сайта, который я создал, который перемещает одну точку туда, гдемышь нажата.Вы должны иметь возможность хранить набор точек в массиве JS или, что лучше, получать их с карты при отправке формы, а затем обновлять скрытое поле формы, используя значения, которые можно вставить в вашу базу данных с помощью сценария php / python насервер.
<html>
<head>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width:400px; height:600px; display:block; float:left">
</div>
</body>
</html>
<script type="text/javascript">
var map;
var marker = null;
function initialize() {
var myLatlng = new google.maps.LatLng(54, -2.0);
var myOptions = {
zoom: 6,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
google.maps.event.addListener(map, 'click', function(event) {
placeMarker(event.latLng);
});
}
function placeMarker(location) {
var clickedLocation = new google.maps.LatLng(location);
if(marker == null){
marker = new google.maps.Marker({
position: location,
map: map
});
}else{
marker.setPosition(location);
}
map.setCenter(location);
}
</script>
Редактировать: Вот демоверсия с сайта документов, которая создает список точек и рисует линии между ними: http://code.google.com/apis/maps/documentation/javascript/examples/polyline-simple.html Есть и другие примеры.Просто загрузите их и нажмите Ctrl + U в Firefox для просмотра источника.