sach-map v1.3.7

Getting Started

npm install sach-map --save

Add google maps api

  <script src="http://maps.google.com/maps/api/js?key=YOURKEY"></script>

If you want the placesService included

  <script src="http://maps.google.com/maps/api/js?key=YOURKEY&libraries=places"></script>

Import module:

import {  MapModule } from 'sach-map';

Add the following in your HTML component:

<div #map id="map"></div>

Add the following in your (s)css component:

#map{
    height: 100%;
}

Init google maps:

import {MapService} from 'sach-map';

@ViewChild('map') mapElement: ElementRef;


const lat: number = -34.929;
const long: number = 138.601;
const location = new google.maps.LatLng(lat, long);
const mapOptions = {
    center: location,
    zoom: 16,
    mapTypeId: google.maps.MapTypeId.SATELLITE,
};
const map = this.mapService.init(
    this.mapElement,
    mapOptions,
    true,
    YOUR_API_KEY
);

When using markers:

import {  MarkerModule } from 'sach-map'; //in your module

{MarkerService} from 'sach-map'; //in your component or service

Add to scripts in angular.json:

"node_modules/@google/markerclustererplus/src/markerclusterer.js"