Przechwytywanie zdarzenia przesuwania flag odległości

W celu przechwycenia informacji o dodaniu lub przesunięciu punktu wyznaczania odległości należy zdefiniować funkcję typu callBack. Funkcja przyjmuje trzy parametry:

lon - Długość geograficzna, w której umieszczono flagę,
lat - Szerokość geograficzna, w której umieszczono flagę,
pointId - Identyfikator punktu {DoCelu.START_POINT_DEF, DoCelu.STOP_POINT_DEF}.

Funkcja jest typu void - nie zwraca żadnych wyników.
Przykład definicji funkcji:


function refreshDistancePointOnFormCallback(lon, lat, pointId) {
  //aktualizujemy inputy nowymi współrzędnymi
  var formId = (pointId == DoCelu.START_POINT_DEF) ? "start" : "stop";
  jQuery('#input_' + fromId + '_lon').val(lon);
  jQuery('#input_' + formId + '_lat').val(lat);
}

W celu przechwycenia informacji o usunięciu punktu wyznaczania odległości należy zdefiniować funkcję typu callBack. Funkcja przyjmuje jeden parametr:

pointId - Identyfikator punktu {DoCelu.START_POINT_DEF, DoCelu.STOP_POINT_DEF}.

Funkcja jest typu void - nie zwraca żadnych wyników.

Przykład definicji funkcji:


function removeDistancePointFromFormCallback(pointId) {
  //aktualizujemy inputy nowymi współrzędnymi
  var formId = (pointId == DoCelu.START_POINT_DEF) ? "start" : "stop";
  jQuery('#input_' + fromId + '_lon').val("");
  jQuery('#input_' + formId + '_lat').val("");
}

Nasze formularze zdefiniujemy następująco:


<form onSubmit="alert('to tylko demonstracja'); return false'">
  <fieldset>
    <legend>Punkt początkowy trasy</legend>
    dług. geograficzna: <input type="text" id="input_start_lon"/><br/>
    szer. geograficzna: <input type="text" id="input_start_lat"/><br/>
  </fieldset>
  <fieldset>
    <legend>Punkt końcowy trasy</legend>
    dług. geograficzna: <input type="text" id="input_stop_lon"/><br/>
    szer. geograficzna: <input type="text" id="input_stop_lat"/><br/>
  </fieldset>
</form>

Informację, która funkcja ma zostać wywołana należy podać w obiekcie konfiguracyjnym mapy:


var config = {
  "callBacks" : {
    "refreshDistancePointOnForm" : refreshDistancePointOnFormCallback,
    "removeDistancePointFromForm" : removeDistancePointFromFormCallback
  }
};

Obiekt ten można przekazać na etapie ładowania mapy (funkcja loadMap) lub wywołując funkcję loadConfig. W przykładzie zrobimy to na etapie ładowania mapy.


<div id="map" style="width:800px; height:600px; "></div>
<script type="text/javascript">
//<![CDATA[
	jQuery(document).ready(function() {
		function refreshDistancePointOnFormCallback(lon, lat, pointId) {
			//aktualizujemy inputy nowymi współrzędnymi
			var formId = (pointId == DoCelu.START_POINT_DEF) ? "start" : "stop";
			jQuery('#input_' + formId + '_lon').val(lon);
			jQuery('#input_' + formId + '_lat').val(lat);
		}
		function removeDistancePointFromFormCallback(pointId) {
			//aktualizujemy inputy nowymi współrzędnymi
			var formId = (pointId == DoCelu.START_POINT_DEF) ? "start" : "stop";
			jQuery('#input_' + formId + '_lon').val("");
			jQuery('#input_' + formId + '_lat').val("");
		}
		var config = {
			"callBacks" : {
			  "refreshDistancePointOnForm" : refreshDistancePointOnFormCallback,
			  "removeDistancePointFromForm" : removeDistancePointFromFormCallback
			}
		};
		DoCelu.loadMap(document.getElementById('map'), config);
	});
//]]>
</script>

Teraz wypróbuj działanie funkcji dodając na mapie flagi obliczania odległości, przesuwając i usuwając je.