Szczegóły widocznych POI

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

Funkcja getVisiblePublicPois()

Funkcja jest bezparametrowa i zwraca tablicę POI widocznych na mapie

Na przykładzie zainicjalizujemy mapę i pokażemy POI z określonej kategorii w centrum miasta,


var config = {
  "features" : {
	"categoriesPanel" : true
  }
};
DoCelu.loadMap(document.getElementById('map'), config, function() {
  //ustawiamy mapę na Gdańską starówkę
  DoCelu.setMapView({
	"lon" : 18.650064,
	"lat" : 54.349165,
	"zoom" : 16
  });
  //pokazujemy POI z pierwszej dostępnej kategorii
  var categories = DoCelu.getCategories();
  var ids = [];
  ids.push(categories[0].id);
  DoCelu.showCategories(ids);
});

Przy tak zainicjalizowanej mapie powinniśmy zobaczyć kilka POI. Teraz pobierzemy sobie informacje o tych POI i wypiszemy ich nazwy:


var pois = DoCelu.getVisiblePublicPois();
var $poiList = jQuery('#poiList').html('<ol/>');
for (var i in pois) {
  $poiList.find('ol').append('<li>' + pois[i].name + '</li>');
};

Przykładowy kod i efekt jego zastosowania:


<div id="map" style="width:800px; height:600px; "></div>
<script type="text/javascript">
//<![CDATA[
	jQuery(document).ready(function() {
	  var config = {
		"features" : {
		  "categoriesPanel" : true
		}
	  };
	  DoCelu.loadMap(document.getElementById('map'), config, function () {
		//ustawiamy mapę na Gdańską starówkę
		DoCelu.setMapView({
		  "lon" : 18.650064,
		  "lat" : 54.349165,
		  "zoom" : 16
		});
		//pokazujemy POI z pierwszej dostępnej kategorii
		var categories = DoCelu.getCategories();
		var ids = [];
		ids.push(categories[0].id);
		DoCelu.showCategories(ids);
	  });


	  jQuery('#test').mousedown(function() {
		var pois = DoCelu.getVisiblePublicPois();
		var $poiList = jQuery('#poiList').html("<ol/>");
		for (var i in pois) {
		  $poiList.find('ol').append("<li>" + pois[i].name + "</li>");
		};
	  });
	});
//]]>
</script>

Widoczne POI: