{"id":6014,"date":"2022-12-28T17:47:49","date_gmt":"2022-12-28T14:17:49","guid":{"rendered":"https:\/\/en.geobox.ir\/developers\/?post_type=docs&p=6014"},"modified":"2023-01-21T12:51:11","modified_gmt":"2023-01-21T09:21:11","slug":"data-manipulation-2","status":"publish","type":"docs","link":"https:\/\/en.geobox.ir\/developers\/docs\/features\/data-manipulation-2\/","title":{"rendered":"Working with feature layer"},"content":{"rendered":"

Tip: fLayer variable is the name of the layer that is created from the newFeatureLayer class. To learn how to create a featureLayer, read creating a featureLayer from vector layer<\/a>.<\/p>\n

Properties:<\/h3>\n

selectionSet<\/h3>\n

After selecting features, you can access the list of selected Ids using selectionSet.<\/p>\n

Returns:<\/strong><\/p>\n

Set: Returns a set of ids<\/p>\n

Example:<\/strong><\/p>\n

const Ids = fLayer.selectionSet;<\/pre>\n
Methods:<\/h3>\n
zoomToAll()<\/h3>\n
Zooms to the layer extent.<\/p>\n
Example:<\/strong><\/p>\n
fLayer.zoomToAll();<\/pre>\n
select(Ids)<\/h3>\n
Selects one or multiple features.<\/p>\n
Parameters:<\/strong><\/p>\n
Ids (Number| Array): Comma separated list of ids of features. If you want a single feature, insert id as a number.<\/p>\n
Example:<\/strong><\/p>\n
fLayer.select([10.20]);<\/pre>\n
addToSelection(Ids)<\/h3>\n
Adds one or multiple features from the layer to the selected features.<\/p>\n
Parameters:<\/strong><\/p>\n
Ids (Number| Array): Comma separated list of ids of features. If you want a single feature, insert id as a number.<\/p>\n
Example:<\/strong><\/p>\n
fLayer.addToSelection([10.20]); \r\n\r\n<\/pre>\n
removeFromSelection(Ids)<\/h3>\n
Deselects one or multiple features.<\/p>\n
Parameters:<\/strong><\/p>\n
Ids (Number| Array): Comma separated list of ids of features. If you want a single feature, insert id as a number.<\/p>\n
Example:<\/strong><\/p>\n
fLayer.removeFromSelection([10.20]); \r\n\r\n<\/pre>\n
selectByBounds(latLngBounds)<\/h3>\n
Selects all features within the specified bounding box.<\/p>\n
Parameters:<\/strong><\/p>\n
latLngBounds (Object): Leaflet latLngBounds<\/a> object.<\/p>\n
Returns:<\/strong><\/p>\n
Set: Returns selection set.<\/p>\n
Example:<\/strong><\/p>\n
vat bounds = L.latLngBounds([35,51],[36,52]);\r\nfLayer.selectByBounds(bounds); \r\n<\/pre>\n
selectByDrawingBounds()<\/h3>\n
Another way to select all features within a bounding box is to run selectByDrawingBounds method. After executing this method, the map will be in the drawing mode, and after drawing the target bounding box, the features within that bounding box will be selected.<\/p>\n
Example:<\/strong><\/p>\n
fLayer.selectByDrawingBounds(); \r\n<\/pre>\n
clearSelection()<\/h3>\n
Deselects all features.<\/p>\n
Example:<\/strong><\/p>\n
fLayer.clearSelection(); \r\n<\/pre>\n
flash(Id)<\/h3>\n
Sets a feature to blink.<\/p>\n
Parameters:<\/strong><\/p>\n
Id (Number): A feature id.<\/p>\n
Example:<\/strong><\/p>\n
fLayer.flash(10); \r\n<\/pre>\n
zoomTo(Id)<\/h3>\n
Zooms to the feature.<\/p>\n
Parameters:<\/strong><\/p>\n
Id (Number): A feature id.<\/p>\n
Example:<\/strong><\/p>\n
fLayer.zoomTo(10);<\/pre>\n
panTo(Id)<\/h3>\n
Moves the map view to the feature location.<\/p>\n
Parameters:<\/strong><\/p>\n
Id (Number): A feature id.<\/p>\n
Example:<\/strong><\/p>\n
fLayer.panTo(10);<\/pre>\n
openPopup(Id, latLngArray)<\/h3>\n
Opens the feature popup.<\/p>\n
Parameters:<\/strong><\/p>\n
Id (Number): A feature id.<\/p>\n
latLngArray (Array)?: An array includes latitude and longitude. e.g. [32, 51]. If you want to open popup in another location, use this parameter.<\/span><\/p>\n
Example:<\/strong><\/p>\n
fLayer.openPopup(\"<feature Id (number)>\",\"<latLng>\");<\/pre>\n
beginEdit(Id, options)<\/h3>\n
If you give the Id of the feature in beginEdit, the existing feature geometry will be placed in edit mode, otherwise sets the map in the drawing mode to draw new feature.<\/p>\n
Parameters:<\/strong><\/p>\n
Id (Number)?: A feature id.<\/p>\n
options (Object)<\/p>\n\n\n\n\n\n\n
Name<\/th>\nDescription<\/th>\n<\/tr>\n<\/thead>\n
\n
options.actionButtons<\/div>\n
Boolean<\/div>\n
Default: true<\/div>\n<\/td>\n
If true, ‘save’ and ‘cancel’ buttons will be shown. Otherwise, these buttons will not be shown.<\/td>\n<\/tr>\n
\n
options.explodeMultiGeometries<\/div>\n
\n
Boolean<\/div>\n
Default: true<\/div>\n<\/div>\n<\/td>\n
If true, multi-geometries will be exploded.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
Example:<\/strong><\/p>\n
fLayer.beginEdit(10, {actionButtons: true, explodeMultiGeometries: true});\r\n<\/pre>\n
saveEdit(options)<\/h3>\n
Saves the changes applied to the feature geometry.<\/p>\n
Parameters:<\/strong><\/p>\n
options (Object)?<\/p>\n\n\n\n\n\n
Name<\/th>\nDescription<\/th>\n<\/tr>\n<\/thead>\n
\n
options.showSpinner<\/div>\n
Boolean<\/div>\n
Default: true<\/div>\n<\/td>\n
If true, a spinner will spin until the process is finished.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
Example:<\/strong><\/p>\n
fLayer.saveEdit({showSpinner: true});<\/pre>\n
cancelEdit ()<\/h3>\n
Cancels the changes applied to the feature geometry.<\/p>\n
Example:<\/strong><\/p>\n
fLayer.cancelEdit();<\/pre>\n","protected":false},"excerpt":{"rendered":"
Tip: fLayer variable is the name of the layer that is created from the newFeatureLayer class. To learn how to create a featureLayer, read creating a featureLayer from vector layer. Properties: selectionSet After selecting features, you can access the list of selected Ids using selectionSet. Returns: Set: Returns a set of ids Example: const Ids […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[63],"doc_tag":[],"class_list":["post-6014","docs","type-docs","status-publish","hentry","doc_category-features"],"_links":{"self":[{"href":"https:\/\/en.geobox.ir\/developers\/wp-json\/wp\/v2\/docs\/6014","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/en.geobox.ir\/developers\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/en.geobox.ir\/developers\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/en.geobox.ir\/developers\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/en.geobox.ir\/developers\/wp-json\/wp\/v2\/comments?post=6014"}],"version-history":[{"count":23,"href":"https:\/\/en.geobox.ir\/developers\/wp-json\/wp\/v2\/docs\/6014\/revisions"}],"predecessor-version":[{"id":6644,"href":"https:\/\/en.geobox.ir\/developers\/wp-json\/wp\/v2\/docs\/6014\/revisions\/6644"}],"wp:attachment":[{"href":"https:\/\/en.geobox.ir\/developers\/wp-json\/wp\/v2\/media?parent=6014"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/en.geobox.ir\/developers\/wp-json\/wp\/v2\/doc_category?post=6014"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/en.geobox.ir\/developers\/wp-json\/wp\/v2\/doc_tag?post=6014"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}