mapbox gl jsflutterdartdata collectornodejsturfjsshpnczdxfdestinationnavigationsqliteGeoJSONkml3d geometries

Geometric Field Data Collection Mobile Application

By Ali Kilic
Picture of the author
Published on
Duration
9 Months
Role
Development
Devices
Android & IOS
Category
Field Geo Data Collection
Vector & XYZ Tile Server
Vector & XYZ Tile Server
Layer Preview From Cloud Layers
Layer Preview From Cloud Layers
Geometric Data Visualization
Geometric Data Visualization
+5

Andoid APP URL

Click and download your device : https://github.com/gislayer/vector-tile-server

How did the Map Publishing Software Project Begin?

Users of the GISLayer Web GIS Editor have been asking me over time about how to collect data in the field. This is because our users also want to gather data in the field. I had noticed this before, but the codes we had written were only user-friendly mobile web designs that worked on the web. Now, we have written new native code for both Android and iOS using Flutter. Some developers thought Flutter would not succeed, but applications produced by a skilled developer using Flutter are quite impressive.

This application is not only for collecting data in the field but also for visualizing your existing data in the field. In addition to this, it offers various basemaps, and you can find a destination by performing operations on a point on the field. Moreover, you can share the data you collect in the field with your friends.

Technologies Employed

Flutter and Dart were used to build the Android and iOS applications. Apart from that, all the technologies on the map are web technologies. Additionally, the part serving as an API operates through the GISLayer API. Similarly, WebSocket works in connection with GISLayer servers.

Mobile Technologies
  1. Flutter & Dart
  2. In App Server
  3. Webview
Back-End Technologies
  1. NodeJS
  2. Express
  3. Sequelize
Database Technologies
  1. Postgre SQL Postgis
  2. LocalStorage
  3. SQL Lite

Layer Preview From Cloud Layers

Using the Web GIS Editor of GISLayer, you can upload geometric data layers from your computer to the system. You can view them on your phone using the GeoPen mobile application.

System and Shared Layers From Web
System and Shared Layers From Web
  1. Visualize layers uploaded to the system on the map.
  2. Add layers shared with you by other members to the map.
  3. View layers shared by you with other members on the map.

Geometric Data Visualization

You can display and manage your geometric data on the map quickly.

Geometric Data Visualization
Geometric Data Visualization
  1. Zoom To Layer
  2. Changing Layer View Style
  3. Sending to Cloud
  4. Sharing to Teammates
  5. Layer Deleting From Map
  6. Hide or Show on the map
  7. Terrain and 3D Buildings

Basemap Types

APP have 9 different Mapbox GL JS basemaps, you can use anything for best visualization

Basemap Types
Basemap Types
  1. Street Style Map
  2. Outdoors Style Map
  3. Basic Style Map
  4. Dark Style Map
  5. Satellite UnLabelled Imagery Map
  6. Satellite Labelled Imagery Map
  7. Light Style Map
  8. Navigation Day Style Map
  9. Navigation Night Style Map

Loading Local Geometric Data From Device

You can add your local geometric data to map. App supports all EPSG Code and projection systems

Loading Local Geometric Data From Device
Loading Local Geometric Data From Device
  1. Load Esri SHP Files
  2. Load AutoCad DXF Files
  3. Load Google Earth KML and KMZ Files
  4. Load GeoJSON File that OGC Support
  5. Load Outdoor GPX File
  6. Load Netcad's Special Data (For Turkey)
  7. Choice Data's EPSG Projection
  8. Delete, Share or Send to Cloud

Collecting Field Geometric Data

When field personnel collect geometric data using GPS assistance, they may want to add attribute data to these geometries. These can be easily defined, and once the drawing is complete, the information modal opens automatically.

Collecting Field Geometric Data
Collecting Field Geometric Data
  1. Define Layer Name, Geometry Type, Color
  2. Add New Property Field for Feature Info
  3. Add New Property Column as Number, Text, Selection, Range or Photo
  4. When Collecting Geo Data open Info Modal Automaticly

Destination, GPS Tracker and Feature Info

You can establish navigation to a known coordinate or a point in the field using the destination method and navigate to the point. The system will show you the distance to the point and the angle you need to follow. Additionally, it can record your GPS track, and you can specify point collection at desired time intervals. By clicking on the geometric data you added to the map, you can obtain detailed information, bookmark it, and save it for later reference.

Destination, GPS Tracker and Feature Info
Destination, GPS Tracker and Feature Info
  1. Destination and Navigation to a Place
  2. GPS Tracking
  3. Getting Feature Info from Map
  4. Getting TKGM Parcels (for Turkey)

User and Team Connection Management

You can search for all GISLayer members within the system, send them follow requests to establish communication. Upon acceptance of your request, you can share your data with that person and engage in a conversation.

User and Team Connection Management
User and Team Connection Management
  1. User Search in GISLayer System
  2. Sending Following Request
  3. Sharing Data to Other Users
  4. Chat with Teammates or Other GISLayer Users

Follow My Updates

Would you like to stay informed about my new projects and blog posts?
If you'd like to stay informed about new projects and articles, please fill out and submit the form below