Przechwytywanie zdarzenia przesunięcia i usunięcia flagi

Aby przechwycić informację o przesunięciu lub usunięciu flagi przez użytkownika musimy zdefiniować odpowiednie funkcje callback.

Funkcja flagMovedCallback(flagId, position)

Funkcja wywoływana jest w momencie przesunięcia flagi przez użytkownika.

Parametry:

flagId - identyfikator przesuniętej flagi
position - współrzędne, do których została przesunięta flaga

Funkcja flagRemovedCallback(flagId)

Funkcja wywoływana jest w momencie usunięcia flagi przez użytkownika.

Parametry:

flagId - identyfikator usuniętej flagi

Funkcje callback możemy podpiąć do API na dwa sposoby: w obiekcie konfiguracyjnym, lub przy użyciu metody DoCelu.addCallback(name, function)

Definiujemy przykładowe funkcje callback, które pod mapą dopiszą informację o przesunięciu lub usunięciu flagi.


function flagMovedCallback(flagId, position) {
  jQuery('#resultText').find('pre').append("\nFlaga o id: " + flagId + " została przesunięta do współrzędnych " + jQuery.dump(position));
}

function flagRemovedCallback(flagId) {
  jQuery('#resultText').find('pre').append("\nFlaga o id: " + flagId + " została usunięta.");
}

Funkcje podpinamy do obiektu konfiguracyjnego:


var config = {
  "callBacks" : {
    "flagMoved" : flagMovedCallback,
    "flagRemoved" : flagRemovedCallback
  }
};

Ładujemy mapę z podaną konfiguracją i po załadowaniu ustawiamy flagę do testów:


<div id="map" style="width:800px; height:600px; "></div>
<script type="text/javascript">
//<![CDATA[
	jQuery(document).ready(function() {
	  function flagMovedCallback(flagId, position) {
		jQuery('#resultText').find('code').append("\nFlaga o id: " + flagId + " została przesunięta do współrzędnych " + jQuery.dump(position));
	  }

	  function flagRemovedCallback(flagId) {
		jQuery('#resultText').find('code').append("\nFlaga o id: " + flagId + " została usunięta.");
	  }

	  var config = {
		"callBacks" : {
		  "flagMoved" : flagMovedCallback,
		  "flagRemoved" : flagRemovedCallback
		}
	  };

	  DoCelu.loadMap(document.getElementById('map'), config, function() {
		var view = {
		  "lon" : 18.611698,
		  "lat" : 54.370658,
		  "zoom" : 13
		};
		DoCelu.setMapView(view);
		var position = {
		  "lon" : 18.611698,
		  "lat" : 54.370658
		};
		DoCelu.addFlag(position, "Gdańsk - Wrzeszcz", true);
	  });
	});
//]]>
</script>

Przesuń flagę na mapie, lub usuń ją klikając w wyłaniający się krzyżyk, żeby przetestować działanie.

Ten dokument nie wyjaśnia wszystkich wątpliwości? Szczegółowa dokumentacja techniczna API DoCelu.pl

Sprawdź toczące się dyskusje na Forum API DoCelu.pl