sdk-google-map
Version:
Simple to use (Angular) embedded Google map.
1 lines • 9.06 kB
Source Map (JSON)
{"version":3,"file":"sdk-google-map.mjs","sources":["../../../projects/sdk-google-map/src/lib/sdk-google-map.component.ts","../../../projects/sdk-google-map/src/lib/sdk-google-map.component.html","../../../projects/sdk-google-map/src/lib/sdk-google-map.module.ts","../../../projects/sdk-google-map/src/public-api.ts","../../../projects/sdk-google-map/src/sdk-google-map.ts"],"sourcesContent":["import { Component, ElementRef, Input, ViewChild } from '@angular/core';\n\nimport { SDKLoadingModule } from 'sdk-loading';\n\n@Component({\n\tselector: 'sdk-google-map',\n\tstandalone: true,\n\timports: [SDKLoadingModule],\n\ttemplateUrl: './sdk-google-map.component.html'\n})\n\nexport class SDKGoogleMapComponent {\n\t/**************************************************************************\n\t* Input/Output Parameters\n\t**************************************************************************/\n\t@Input() height: string = \"\";\n\t@Input() width: string = \"\";\n\t@Input() latitude: string = \"\";\n\t@Input() longitude: string = \"\";\n\t@Input() location: string = \"\";\n\t@Input() zoom: string = \"10\";\n\t@Input() border: string = \"1px solid lightgray\";\n\n\t/**************************************************************************\n\t* Component Variables\n\t**************************************************************************/\n\t@ViewChild(\"map\") map: ElementRef | undefined;\n\n\tprotected isLoading: boolean = false;\n\n\tprotected _height: string = \"\";\n\tprotected _width: string = \"\";\n\n\t/**************************************************************************\n\t* Component Lifecycle Methods\n\t**************************************************************************/\n\tprotected ngOnChanges(_args: any) {\n\t\tif (_args.latitude || _args.longitude || _args.location || _args.zoom) {\n\t\t\tif (_args.latitude !== \"\" || _args.longitude !== \"\" || _args.location !== \"\") {\n\t\t\t\tthis.loadMap();\n\t\t\t}\n\t\t}\n\n\t\tif ((_args.height && _args.height !== \"\") || (_args.width && _args.width !== \"\")) {\n\t\t\tthis.setMap();\n\t\t}\n\t}\n\n\t/**************************************************************************\n\t* Private Methods\n\t**************************************************************************/\n\tprivate setMap() {\n\t\tif (this.height !== \"\" && this.width === \"\") {\n\t\t\tthis._height = this.height;\n\t\t\tthis._width = this.height;\n\t\t}\n\t\telse if (this.height === \"\" && this.width !== \"\") {\n\t\t\tthis._height = this.width;\n\t\t\tthis._width = this.width;\n\t\t}\n\t\telse if (this.height !== \"\" && this.width !== \"\") {\n\t\t\tthis._height = this.height;\n\t\t\tthis._width = this.width;\n\t\t} else {\n\t\t\tthis._height = \"300px\";\n\t\t\tthis._width = \"300px\";\n\t\t}\n\t}\n\n\tprivate loadMap() {\n\t\tthis.isLoading = true;\n\n\t\tlet src: string = \"\";\n\n\t\tif (this.latitude && this.latitude !== \"\" && this.longitude && this.longitude !== \"\") {\n\t\t\tsrc = `<iframe id=\"sdk-google-map-iframe\" width=\"100%\" height=\"100%\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\" src=\"https://maps.google.com/maps?width=100%25&height=100%25&hl=en&q=${this.latitude},${this.longitude}&t=&z=${this.zoom}&ie=UTF8&iwloc=B&output=embed\"></iframe>`;\n\t\t} else if (this.location && this.location !== \"\") {\n\t\t\tsrc = `<iframe id=\"sdk-google-map-iframe\" width=\"100%\" height=\"100%\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\" src=\"https://maps.google.com/maps?width=100%25&height=100%25&hl=en&q=${encodeURI(this.location)}&t=&z=${this.zoom}&ie=UTF8&iwloc=B&output=embed\"></iframe>`;\n\t\t} else {\n\t\t\tsrc = `<div style=\"display: flex; width: 100%; height: 100%; align-items: center;\"><div style=\"width: 100%; text-align: center;\">Insufficient data.</div></div>`;\n\t\t}\n\n\t\tsetTimeout(() => {\n\t\t\tthis.map!.nativeElement.innerHTML = src ?? \"\";\n\n\t\t\tlet iframe = document.getElementById('sdk-google-map-iframe');\n\n\t\t\tif (iframe) {\n\t\t\t\tiframe.onload = () => {\n\t\t\t\t\tthis.isLoading = false;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tthis.isLoading = false;\n\t\t\t}\n\t\t}, 100);\n\t}\n}\n","<div [style]=\"'position: relative; height: ' + _height + '; width: ' + _width + '; border: ' + border + ';'\">\n <div #map style=\"height: 100%; width: 100%;\"></div>\n <sdk-loading [isLoading]=\"isLoading\"></sdk-loading>\n</div>\n","import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';\nimport { SDKGoogleMapComponent } from './sdk-google-map.component';\n\n@NgModule({\n imports: [\n SDKGoogleMapComponent\n ],\n exports: [\n SDKGoogleMapComponent\n ],\n schemas: [\n NO_ERRORS_SCHEMA\n ]\n})\nexport class SDKGoogleMapModule { }\n","/*\n * Public API Surface of sdk-google-map\n */\n\nexport { SDKGoogleMapModule } from './lib/sdk-google-map.module';\nexport { SDKGoogleMapComponent } from './lib/sdk-google-map.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}