Akshay Kumar kumaraksi

## keybase.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                kumaraksi
                / keybase.md
            
            
              Created
              June 2, 2019 21:08
            
          
    Keybase proof

I hereby claim:


I am kumaraksi on github.


I am kumaraksi (https://keybase.io/kumaraksi) on keybase.


I have a public key ASDSt5lRVR7uBQa59JsNLSNFrKZYmZBvoAR9W_NOR3yXxQo


## google-map-traditional.html
<!DOCTYPE html>
<html>
  <head>
    <title>Simple Map</title>
    <meta name="viewport" content="initial-scale=1.0">
    <meta charset="utf-8">
    <style>
      /* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
      #map {

## google-map-component-updated.js
import {EventBus} from '../../EventBus';
import { GoogleMapScriptLoader } from "../../Service/gmapLoader";

export class GMap extends HTMLElement{

    constructor(){
        super();
        const template = this.getTemplate();
        const shadow = this.attachShadow({mode: 'open'});
        shadow.appendChild(template.content.cloneNode(true));

## gmapLoader.js
import { loadScript } from './scriptLoader';

export class GoogleMapScriptLoader {
    static instance;
    url;
    promise;

    constructor(){
        if(GoogleMapScriptLoader.instance){
            return GoogleMapScriptLoader.instance

## index.js
import './components/gmaps/gmap';

import { EventBus } from "./EventBus";


window.addEventListener('load', function(){
    EventBus.getInstance().emit('onLoad')
});

## eventbus.js
export class EventBus{
    static instance;
    constructor(){
        if(EventBus.instance){
            return EventBus.instance
        }
        this.subscribers = [];
        EventBus.instance = this;
    }
    static getInstance(){

## google-map-component.js
export class GMap extends HTMLElement{

    constructor(){
        super();
        const template = this.getTemplate();
        const shadow = this.attachShadow({mode: 'open'});
        shadow.appendChild(template.content.cloneNode(true));
    }

	getTemplate(){
	<!DOCTYPE html>
	<html>
	<head>
	<title>Simple Map</title>
	<meta name="viewport" content="initial-scale=1.0">
	<meta charset="utf-8">
	<style>
	/* Always set the map height explicitly to define the size of the div
	* element that contains the map. */
	#map {
	import {EventBus} from '../../EventBus';
	import { GoogleMapScriptLoader } from "../../Service/gmapLoader";

	export class GMap extends HTMLElement{

	constructor(){
	super();
	const template = this.getTemplate();
	const shadow = this.attachShadow({mode: 'open'});
	shadow.appendChild(template.content.cloneNode(true));
	import { loadScript } from './scriptLoader';

	export class GoogleMapScriptLoader {
	static instance;
	url;
	promise;

	constructor(){
	if(GoogleMapScriptLoader.instance){
	return GoogleMapScriptLoader.instance
	import './components/gmaps/gmap';

	import { EventBus } from "./EventBus";


	window.addEventListener('load', function(){
	EventBus.getInstance().emit('onLoad')
	});
	export class EventBus{
	static instance;
	constructor(){
	if(EventBus.instance){
	return EventBus.instance
	}
	this.subscribers = [];
	EventBus.instance = this;
	}
	static getInstance(){