Sói's Tutorials WebGIS

[Note] Một số ghi chú về Leaflet

Table of Content

leaflet, sẵn note lại một số cái hay dùng

Add layer

map.addLayer(kcnlonghaujson);

Remove layer

map.removeLayer(maplayer);

Check if layer is added

map.hasLayer(khucongnghiepjson); //return true/false

Zoom event

map.on('zoomend', function() { var zoomlevel=map.getZoom(); var is_added=map.hasLayer(khucongnghiepjson); if((zoomlevel<=14) && (is_added==false)){ map.addLayer(khucongnghiepjson); removeall(); } console.log(zoomlevel); console.log(is_added); });

Zoom to location

map.setView([10.77894,106.48133],16) //16 is zoom level Zoom to extent/bounds function zoomtoext(n1,n2,n3,n4){ var southWest = new L.LatLng(n1,n2), northEast = new L.LatLng(n3,n4), bounds = new L.LatLngBounds(southWest, northEast); map.fitBounds(bounds); //map.fitBounds([106.486448568691,10.6007400693728][106.501824300484,10.6177644165618]); /* zoomtoext(106.486448568691,10.6007400693728,106.501824300484,10.6177644165618); map.fitBounds([ [-4.8587000, 39.8772333] [-6.4917667, 39.0945000] ]); */ }

Get WMS FeatureInfo

ms_url='http://'+hname+':9999/geoserver/kcn_v3/wms?';
function Identify(e){
	// set parameters needed for GetFeatureInfo WMS request
	var BBOX = map.getBounds().toBBoxString();
	var WIDTH = map.getSize().x;
	var HEIGHT = map.getSize().y;
	var X = map.layerPointToContainerPoint(e.layerPoint).x;
	var Y = map.layerPointToContainerPoint(e.layerPoint).y;
	// compose the URL for the request
	var URL=ms_url+'SERVICE=WMS&VERSION=1.1.1&REQUEST=GetFeatureInfo&FORMAT=image/png&TRANSPARENT=true&QUERY_LAYERS=kcnlongan_v3:cumcongnghiep_duchoadong,kcnlongan_v3:cumcongnghiep_duchoaha&INFO_FORMAT=application/json&FEATURE_COUNT=50&X='+X+'&Y='+Y+'&SRS=EPSG:4326&WIDTH='+WIDTH+'&HEIGHT='+HEIGHT+'&BBOX='+BBOX;
	//send the asynchronous HTTP request using jQuery $.ajax
	$.ajax({
		url: URL,
		//dataType: "html",
		type: "GET",
		success: function(data)
		{
			var popup = new L.Popup
			({
				maxWidth: 300
			});
			popup.setContent(jsontotxt(data));
			popup.setLatLng(e.latlng);
			map.openPopup(popup);
		}
	});
}
map.on('click', Identify);
  --note vậy thôi, mốt làm lại vô xem cho nhanh =)) -soiqualang_chentreu-]]>

Leave a Reply

Your email address will not be published. Required fields are marked *