Notki

var note = {
  "id" : 3, //unikalny identyfikator notki
  "lat" : 51.2947, //szerokość geograficzna
  "lon" : 19.95221, //długość geograficzna
  "zoomFrom" : 1,  //zakres mówiacy o tym na jakich poziomach notka jest widoczna
  "zoomTo" : 16, //zakres mówiacy o tym na jakich poziomach notka jest widoczna
  "iconUrl" : "http://i.wp.pl/a/i/mapy/cat004/rozrywka.gif", //ikonka notki
  "color" : "129C6E", //kolor jeśli nie podano obrazka ikony (iconUrl == "")
  "borderThickness" : 1, //grubość obramowania jeśli nie podano obrazka ikony (iconUrl == "")
  "borderColor" : "1DFFB4", //kolor obramowania (iconUrl == "")
  "tooltip" : { // informacje na temat opisu notki
    //tryb wyświetlania tooltipa 0 - po najechaniu myszą na ikonę, 1 - po kliknięciu
    "mode" : 0,
    //szerokość tooltipa w pikselach
    "width": 110,
    //wysokość tooltipa w pikselach
    "height": 110,
    //treść wyświetlana w tooltipie.
    "content": "<div style=\"width:110px;height:110px;background: #ffffff url('http://docelu.pl/i/docelu.gif') no-repeat\" >notka</div>"
  }
};
    

config = {
  "features" : {
     //opóźnienie w ms od najechania kursorem myszy na ikonę, a wyświetleniem dymku
     "detailsShowDelay" : 500
  },
	"noteCloud" : {
		"enableCloseDiv" : true, //czy pokazywac ikonke do ukrycia layerka
		"closeImgSrc" : 'http://moja-strona/i/x.gif', //link do ikonki ukrywajacej layerek
		"cloudClass" : "cloud", //klasa CSS ustawiana dla DIVa z zawartością chmurki (content)
		"headerClass" : "headercloud", //klasa CSS ustawiana dla DIVa przed zawartością chmurki
		"footerClass" : "footercloud", //klasa CSS ustawiana dla DIVa za zawartością chmurki
		"cloudTopClass" : "Mycloud", //klasa CSS ustawiana dla DIVa chmurki - kompletnego elementu razem z guzikiem [x] nagłówkiem i stopką
		"x" : 10, //przesunięcie chmurki notki w poziomie w pikselach
		"y" : -10, //przesunięcie chmurki notki w pionie w pikselach
		"position" : "rightbottom", //pozycja (lefttop,top,righttop,left,center,right,leftbottom,bottom,rightbottom)
		"paging" : {	//konfiguracja stronicowania
			"perPage" : 1, //ilosc elementow na stronie
			"firstImg" : 'http://moja-strona/i/firstImg.gif', //link od ikonki "pierwsza strona"
			"previousImg" : 'http://moja-strona/i/previousImg.gif', //link od ikonki "poprzednia strona"
			"nextImg" : 'http://moja-strona/i/nextImg.gif', //link od ikonki "następna strona"
			"lastImg" : 'http://moja-strona/i/lastImg.gif', //link od ikonki "ostatnia strona"
			"hideFirstImg" : false, //czy ukryć ikonę "pierwsza strona"
			"hideLastImg" : false, //czy ukryć ikonę "ostatnia strona"
			"hideLastPage" : false, //czy ukryć link "ostatnia strona"
			"hidePreviousImg" : false, //czy ukryć ikonę "poprzednia strona"
			"hideNextImg" : false, //czy ukryć ikonę "następna strona"
			"hidePreviousText" : false, //czy ukryć link "poprzednia strona"
			"hideNextText" : false, //czy ukryć link "następna strona"
			"hideCurrentText" : false //czy ukryć tekst "obecna strona"
		}
	}
};
DoCelu.loadMap(document.getElementById('map'), config, null);
    

.cloud .pgs {
	text-align: center;
	background-color: #fff;
}
.cloud .pgs img {
	margin-bottom: -3px;
	padding-top: 3px;
}
    

// klastrowanie włączone na powiększeniach większych niż 9
var newNoteLayer = DoCelu.createNotesLayer(8);
    

//budujemy obiekt notki
var note = {
	"id" : 1,
	"lat" : 51.2947,
	"lon" : 19.95221,
	"zoomFrom" : 1,
	"zoomTo" : 16,
	"iconUrl" : "http://i.wp.pl/a/i/mapy/cat004/rozrywka.gif",
		"tooltip" : {
			"mode" : 0,
			"width": 110,
			"height": 110,
			"content": "notka"
		}
};
//budujemy tablice z notkami
var notes = [];
notes[0] = note1;
//tworzymy nową warstwę
var newNoteLayer = DoCelu.createNotesLayer(8);
//dodajemy notki do warstwy
DoCelu.addNotesToLayer(newNoteLayer, notes);
    

DoCelu.showNotesLayer(1);
	

DoCelu.hideNotesLayer(1);
    

DoCelu.deleteNotesLayer(1);
    

var notesIds = [];
notesIds[0] = 2;
DoCelu.removeNotesFromLayer(1, notesIds);
    

var notesIds = [];
notesIds[0] = 2;
DoCelu.removeNotes(notesIds);