File "clientDynamicLayers.txt"

Full path: /www/map/mapserver-extensions/pmapper-4.2.0/plugins/clientdynamiclayers/examples/clientDynamicLayers.txt
File size: 4.85 KiB (4964 bytes)
MIME-type: text/plain
Charset: utf-8

Download   Open   Back

// ------------------------------------------------------------------
// Examples for js ClientDynamicLayers calls
// ------------------------------------------------------------------


// ------------------------------------------------------------------
// layers definition:
// ------------------------------------------------------------------

// use template mapfile layer definition:
var test_def1 = '{"type":"tplMapFile", "tplname": "testjsonpoint", "layername": "testpoints", "category": "cat_test"}';
var test_def2 = '{"type":"tplMapFile", "tplname": "testjsonpolygon", "layername": "testpolygons", "category": "cat_test"}';

// use json complete definition
var test_def4 = '{\
	"type":"json",\
	"layername":"test4",\
	"jsondef":{\
		"name":"test4",\
		"type":2,\
	    "template":"void",\
	    "METADATA": {\
	        "CATEGORY":"cat_admin"\
	     },\
	     "classes": [\
	         {\
		    	 "class":{\
			        "style":  {\
			            "size":10,\
			            "color": [0, 255, 0],\
			            "outlinecolor": [0, 0, 0]\
			        }\
		    	}\
			}\
		]\
	}\
}';

// ------------------------------------------------------------------
// data definition:
// ------------------------------------------------------------------

// point:
var test_data1 = '{"type": "FeatureCollection","features": [{"type": "Feature","geometry": {"type":"Point","coordinates": [3800000,2500000]},"properties": {"prop0": "value0","prop1": "value1"}}]}';

// polygon:
var test_data2 = '{"type":"FeatureCollection","features":[{"type":"Feature","properties":{"Indice":0,"prop1":"value1"},"geometry":{"type":"MultiPolygon","coordinates":[[[[4765721.428894814,2563975.3939336273],[4595604.056187894,2432375.9113352336],[4765721.428894814,2436621.0559351817],[4463763.092340031,2313511.862536684],[4765721.428894814,2305021.573336788],[4314910.391221476,2063048.3311397412],[4765721.428894814,2029087.1743401557],[4765721.428894814,1872016.8241420728],[4876297.721154313,1872016.8241420728],[4876297.721154313,2046067.7527399485],[5225038.335203499,2041822.6081400001],[4893309.458425004,2300776.4287368394],[5067679.7654495975,2292286.1395369433],[4880550.655471985,2445111.345135078],[5020897.487955194,2432375.9113352336],[4812503.706389218,2593691.4061332643],[4765721.428894814,2563975.3939336273]]]]}}]}';

// empty polygon:
var test_data3 = '{"type":"FeatureCollection","features":[{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[]}}]}';

// polygon:
var test_data4 = '{\
	"type": "FeatureCollection",\
	"features": [\
		{\
			"type": "Feature", \
			"properties": {\
				"NAME": "TEST",\
				"ISO2_CODE": "AD",\
				"ISO3_CODE": "AND",\
				"ISO_NUM": 20,\
				"FIPS_CODE": "AN",\
				"CAPITAL": "Andorra la Vella",\
				"POPULATION": 70549, \
				"AREA_KM2": 468 \
			}, \
			"geometry": {\
				"type": "MultiPolygon", \
				"coordinates": [\
	                [[[ 19.501152, 40.962296 ],[ 16.000000, 48.777752 ],[ 1.439922, 42.606491 ],[ 19.501152, 40.962296 ]]],\
					[[[ -3.116282, 47.322750 ],[ 1.464373, 42.516933 ],[ 19.501152, 40.962296 ],[ -3.116282, 47.322750 ]]] \
				]\
			}\
		}\
	]\
}'; 

// ------------------------------------------------------------------
// complete layer (definition + data)
// ------------------------------------------------------------------

// template mapfile layer definition, GeoJson point data:
var test_layer1 = '[{"def": ' + test_def1 + ', "datatype": "GeoJson", "data": ' + test_data1 + '}]';

// template mapfile layer definition, GeoJson polygon data:
var test_layer2 = '[{"def": ' + test_def2 + ', "datatype": "GeoJson", "data": ' + test_data2 + '}]';

// template mapfile layers definition, GeoJson point and polygon data:
var test_layers = '[{"def": ' + test_def1 + ', "datatype": "GeoJson", "data": ' + test_data1 + '},{"def": ' + test_def2 + ', "datatype": "GeoJson", "data": ' + test_data2 + '}]';

// template mapfile layer definition, GeoJson point empty data:
var test_layer3 = '[{"def": ' + test_def2 + ', "datatype": "GeoJson", "data": ' + test_data3 + '}]';

// complete json layer definition, GeoJson polygon data:
var test_layer4 = '[{"def": ' + test_def4 + ', "datatype": "GeoJson", "data": ' + test_data4 + '}]';


// ------------------------------------------------------------------
// test commands
// ------------------------------------------------------------------

// add point layer:
PM.Map.ClientDynamicLayers.addOrReplaceLayers(test_layer1);

// add polygon layer:
PM.Map.ClientDynamicLayers.addOrReplaceLayers(test_layer2);

// add polygon layer:
PM.Map.ClientDynamicLayers.addOrReplaceLayers(test_layer4);

// replace point layer and remove polygon layer (replace it with its empty data, so remove it):
PM.Map.ClientDynamicLayers.addOrReplaceLayers(test_layer3);

// add polygon layer, remove others:
PM.Map.ClientDynamicLayers.addOrReplaceLayers(test_layer2);

// remove polygon layer:
PM.Map.ClientDynamicLayers.removeLayers(test_layer2);