@extendz/extendz-google-map

demo

you can find example and demo here

per request

• angular 2,4,5
• nodejs 6 or above
• npm

installation

npm i @extendz/extendz-google-map

usage

mapexample.module.ts

import { ExtendzGoogleMapModule } from ‘@extendz/extendz-google-map’;

@NgModule({
	imports: [
		CommonModule,
		ExtendzGoogleMapModule.forRoot({
			apiKey:"AIzaSyCGqeyOzgZyvKq0kwn3", ←--- Google map key
		})
	],
})

export class MapexampleModule {}

mapexample.component.html

<div style="height: 90vh">
	<ext-google-map 
		[center]= "latLng"  ←-- LatLng Object ex :- {lat:23.3872873, lng:45.3443344}
		[zoom] ="4"  ←-- map zoom level
	>
	</ext-google-map>
</div>

mapexample.component.ts

import { Component, OnInit } from '@angular/core';
import { LatLng } from '@extendz/extendz-google-map';

@Component({
	selector: 'app-mapexample',
	templateUrl: './mapexample.component.html',
	styleUrls: ['./mapexample.component.css']
})

export class MapexampleComponent implements OnInit {
	latLng : LatLng = {
		lat:12.3211,
		lng:23.1234
	}
	
	constructor() { }

	ngOnInit() {
	}

}

@Input

Options	Type	Description
markers	Array	Create markers for given coordinates
advance	Boolean	Show hide tool bar(default: false )
zoom	Number	Zoom level
center	LatLng	Define Map center according to given latitude and longitude

@Output

Options	Type	Description
onCrop()	Array	Return created points or polygon coordinates
onClose()	Boolean	On close return true or false