Add Line

Check out this code to add lines to your map

import android.graphics.Color
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Toast
import org.maplibre.android.MapLibre
import org.maplibre.android.annotations.Polyline
import org.maplibre.android.annotations.PolylineOptions
import org.maplibre.android.camera.CameraUpdateFactory
import org.maplibre.android.geometry.LatLng
import org.maplibre.android.geometry.LatLngBounds
import org.maplibre.android.maps.MapView
import org.maplibre.android.maps.MapLibreMap
import org.maplibre.android.maps.MapLibreMap.OnPolylineClickListener

class LineMapActivity : AppCompatActivity() {

    private lateinit   var map: MapLibreMap
    private lateinit var mapView: MapView
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        MapLibre.getInstance(this)
        setContentView(R.layout.activity_add_map)

        //map style name for style link
        val styleId = "osm-liberty"

        // get the api key from barikoi developer panel https://developer.barikoi.com
        val apiKey = getString(R.string.barikoi_api_key)

        // Build the style URL
        val styleUrl = "https://map.barikoi.com/styles/$styleId/style.json?key=$apiKey"

        //Line points array
        val linepoints = ArrayList<LatLng>()
        // Add line points
        linepoints.add(LatLng(23.87397849117633,90.4004025152986,))
        linepoints.add(LatLng(23.860512893207584,90.4004025152986))
        linepoints.add(LatLng(23.837857327354314,90.41815482211757))
        linepoints.add(LatLng(23.82212196615106,90.42035665862238))
        linepoints.add(LatLng(23.812428033815493,90.40370527005587))
        linepoints.add(LatLng(23.762436156214207,90.39462262442248))

        // Create map view
        mapView= findViewById(R.id.mapView)
        mapView.onCreate(savedInstanceState)
        mapView.getMapAsync { map ->
            this.map =map

            // Set the style after mapView was loaded
            map.setStyle(styleUrl){style->
                //after style is set, add line to map
                val line :Polyline =map.addPolyline(PolylineOptions()
                    .addAll(linepoints)  //add all the line points
                    .width(4.0F)    //set width of the line
                    .color(Color.BLUE)     // set color of the line
                )

                //move map camera on the line
                map.moveCamera( CameraUpdateFactory.newLatLngBounds( LatLngBounds.fromLatLngs(line.points), 200))

            }

            //get line click event in map
            map.setOnPolylineClickListener(object: OnPolylineClickListener{
                override fun onPolylineClick(polyline: Polyline) {
                    Toast.makeText(applicationContext, "Line clicked", Toast.LENGTH_LONG).show()
                }

            })

        }
    }

    override fun onStart() {
        super.onStart()
        mapView.onStart()
    }

    override fun onResume() {
        super.onResume()
        mapView.onResume()
    }

    override fun onPause() {
        super.onPause()
        mapView.onPause()
    }

    override fun onStop() {
        super.onStop()
        mapView.onStop()
    }

    override fun onLowMemory() {
        super.onLowMemory()
        mapView.onLowMemory()
    }

    override fun onDestroy() {
        super.onDestroy()
        mapView.onDestroy()
    }

}