Galli Map is a Flutter package that provides a customizable map widget for displaying Map with custom markers, lines, circles, and polygons. The widget supports zooming in and out, tapping on the map, and showing the user's current location.
To install and start using this package in your Flutter project, you need to add "galli_map" as a dependency in your project's pubspec.yaml file. You can follow the installation guide provided in the "galli_map" package on pub.dev or use this link (https://pub.dev/packages/galli_map) to access the package page on pub.dev.

GalliMap Widget

A map widget for Flutter. To use this widget import and add the Galli Map widget to the project.

Properties:

Example Usage :

Basic Map with markers, circles, lines ,polygons and 360 viewer

import 'dart:convert';
import 'dart:developer';
import 'package:flutter/material.dart';
import 'package:galli_map/galli_map.dart';
	
void main() {
	runApp(const MyApp());
}
	
class MyApp extends StatelessWidget {
const MyApp({super.key});
	
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
	return MaterialApp(
	title: 'Flutter Demo',
	debugShowCheckedModeBanner: false,
	theme: ThemeData(
	primarySwatch: Colors.blue,
	),
	home: const MyHomePage(),
	);
	}
}
	
class MyHomePage extends StatefulWidget {
const MyHomePage({super.key});
	
@override
	State createState() => _MyHomePageState();
}
	
class _MyHomePageState extends State with TickerProviderStateMixin {
	final GalliController controller = GalliController();
	final GalliMethods galliMethods =
	GalliMethods("YOUR-ACCESS-TOKEN");
	
@override
	void initState() {
	super.initState();
}
	
@override
Widget build(BuildContext context) {
	return Scaffold(
	body: SafeArea(
	child: Column(
		children: [
		SizedBox(
		height: MediaQuery.of(context).size.height * 0.8,
		width: MediaQuery.of(context).size.width,
		child: GalliMap(
		onTapAutoComplete: (AutoCompleteModel model) async {
		FeatureModel? feature = await galliMethods.search(
		model.name!, controller.map.center);
		if (feature != null) {
		await galliMethods.getRoute(
		source: controller.map.center,
		destination: feature.geometry!.coordinates!.first);
		}
	},
	onMapLoadComplete: (controller) async {
	galliMethods.animateMapMove(LatLng(27.709857, 85.339195), 18,
	this, mounted, controller);
},
	authKey: "YOUR-ACCESS-TOKEN",
	controller: controller,
	zoom: 16,
	initialPosition: LatLng(27.672905, 85.312215),
	showCurrentLocation: true,
	viewer: Viewer(
		accessToken: "YOUR-ACCESS-TOKEN",
		pinIcon: Icon(
			Icons.abc,
			size: 48,
		),
		animSpeed: 2,
		height: 300,
		width: 300,
		onSaved: (x, y) {
		print("$x,$y");
	}),
		onTap: (tap) {
		galliMethods.reverse(tap);
	},
		on360MarkerTap: () {},
		onMapUpdate: (event) {},
		circles: [
		GalliCircle(
		center: LatLng(27.684222, 85.303778),
		radius: 54,
		color: Colors.white,
		borderStroke: 3,
		borderColor: Colors.black)
	],
		lines: [
		GalliLine(
		line: [
		LatLng(27.684222, 85.303778),
		LatLng(27.684246, 85.303780),
		LatLng(27.684222, 85.303790),
		LatLng(27.684230, 85.303778),
	],
		borderColor: Colors.blue,
		borderStroke: 2,
		lineColor: Colors.white,
		lineStroke: 2)
	],
		polygons: [
		GalliPolygon(
		polygon: [
		LatLng(27.684222, 85.303778),
		LatLng(27.684246, 85.303780),
		LatLng(27.684222, 85.303790),
		LatLng(27.684290, 85.303754),
	],
	    borderColor: Colors.red,
		borderStroke: 2,
		color: Colors.green,
		),
	],
		children: [
		Positioned(
		top: 64,
		right: 64,
		child: Container(
		width: 32,
		height: 32,
		color: Colors.yellow,
		)
	],
		markerClusterWidget: (context, list) {
		return Container(
		width: 20,
		height: 20,
		color: Colors.red,
		child: Center(
			child: Text(list.length.toString()),
			),
		);
	},
		viewerPosition: Offset(32, 32),
		markers: [
		
		GalliMarker(
		latlng: LatLng(27.684222, 85.30134),
		anchor: Anchor.top,
		markerWidget: const Icon(
		Icons.location_history,
		color: Colors.black,
		size: 48,
		)),
		
		GalliMarker(
		latlng: LatLng(27.684222, 85.30134),
		anchor: Anchor.top,
		markerWidget: const Icon(
		Icons.location_history,
		color: Colors.black,
		size: 48,
		)),
		
		GalliMarker(
		latlng: LatLng(27.684222, 85.30134),
		anchor: Anchor.top,
		markerWidget: const Icon(
		Icons.location_history,
		color: Colors.black,
		size: 48,
		)),
		
		GalliMarker(
		latlng: LatLng(27.684222, 85.30134),
		anchor: Anchor.top,
		markerWidget: const Icon(
		Icons.location_history,
		color: Colors.black,
		size: 48,
		))
	],
		),
	  ),
	 ],
    ),
   ),
  ),
 );
}
}

AutoComplete Model

The AutoCompleteModel class represents a suggestion item for an autocomplete field. It has the following properties:

Properties:

The class has the following methods:

// Create a new AutoCompleteModel
	AutoCompleteModel suggestion = AutoCompleteModel(
	name: 'Patan Hospital',
	fclass: 'hospital',
	geometryString: 'POINT',
	);
					
// Convert the object to JSON
	Map json = suggestion.toJson();
	print(json);
					
// Create an AutoCompleteModel from JSON
	String jsonString = '{"name": "Patan Hospital", "fclass": "hospital", 
						"geometryString": "POINT"}';
	AutoCompleteModel fromJson = AutoCompleteModel.fromJson(jsonDecode(jsonString));
	print(fromJson.name);

This example creates a new AutoCompleteModel object with the name "Patan Hospital", fclass "hospital", and a geometryString representing a point in Lalitpur. It then converts the object to JSON and prints the resulting string. Next, it creates a new AutoCompleteModel object from JSON and prints the name property.

Feature Model

The FeatureModel class has the following properties:

Properties:

Properties

The Properties class has the following properties:

The class also has a constructor that takes these properties as arguments, as well as a fromJson method that creates a Properties object from a JSON object, and a toJson method that creates a JSON object from a Properties object.

Geometry

The Geometry class has the following properties:

The class also has a constructor that takes these properties as arguments, as well as a fromJson method that creates a Geometry object from a JSON object, and a toJson method that creates a JSON object from a Geometry object.

Example Usage

Map jsonMap = {
	"type": "point",
	"properties": {
	"distance": 10.0,
	"category": "hospital"
	},
	"geometry": {
	"type": "point",
	"coordinates": [27.668185, 85.320856]
	}
	};
				  
	FeatureModel featureFromJson = FeatureModel.fromJson(jsonMap);
				  
	Map featureJson = feature.toJson();

House Model

The HouseModel class has the following properties:

Properties:

The HouseModel class has the following methods:

The Address class has the following properties:

The StatePlace class has the following properties:

Image Model

The ImageModel class has the following properties:

Properties:

The class has a default constructor that takes all five properties as optional named parameters. It also has a named constructor fromJson that takes a JSON map and uses it to create an ImageModel object, and a method toJson that converts an ImageModel object to a JSON map.

The fromJson method uses the values from the JSON map to initialize the properties of the ImageModel object. The lat and lng properties can be either numbers or strings representing numbers, so the method checks the type of these properties and converts them to numbers if they are strings.

The toJson method creates a new map and adds the properties of the ImageModel object to it, converting the lat and lng properties to strings.

Example Usage

ImageModel myImage = ImageModel(
	image: "myImage.jpg",
	lat: 27.669930, 
	lng: 85.321624,
	folder: "myFolder",
	location: "Lalitpur"
  );
  
  String jsonString = '{"image": "myImage.jpg", "lat": 27.669930, 
  	"lng": 85.321624, "folder": "myFolder", "location": "Lalitpur"}';
  ImageModel myImage = ImageModel.fromJson(jsonDecode(jsonString));
  
  
  String jsonString = jsonEncode(myImage.toJson());
  

RouteInfo Model

The RouteInfo class is a model class that represents information about a route, including its distance, duration, and list of LatLng coordinates. It has a constructor that can take in these properties as arguments, as well as a fromJson method that can be used to construct an instance of the class from a JSON object, and a toJson method that can be used to serialize an instance of the class to a JSON object.

Properties:

Constructors:

Example Usage

final routeInfo = RouteInfo(
distance: 10.5,
duration: 30,
latlngs: [
    LatLng(27.657980, 85.322459),
    LatLng(27.678730, 85.349415),
    LatLng(27.686634, 85.343160),
],
 );  

GalliMap(
authKey: ............,
controller:............,
............,
............,
circles: [
GalliCircle(
	center: LatLng(27.67723, 85.32217),
	radius: 32,
	color: Colors.white,
	borderStroke: 3,
	borderColor: Colors.black)
 	],
),