fredrikheden / googlemaps Goto Github PK

Hi Fredrik,

Pretty cool visual you built for Power BI!
Do you know if it still works with the latest version of Power BI? It stays blank even after adding a key.

I tried to rebuild it from the powershell and VSCode, but it seems like it is missing a couple dependencies.

E.g. when I run pbiviz start I get
UNKNOWN { Error: ENOENT: no such file or directory, stat 'C:\pbiviz\googlemaps-master\node_modules\jquery\dist\jquery.js'

Do you mind giving me a few hits on how to get this code working in VSCode? (I am kind of new to this).
I would love to get this working.

Thank you!
Martijn

info Building visual...
error TYPESCRIPT C:/Users/ xxxxx/RnD/googlemaps-master/googlemaps-master/node_modules/@types/jquery/index.d.ts : (29,5) Duplicate identifier 'export='.
error TYPESCRIPT C:/Users/ xxxxx/RnD/googlemaps-master/googlemaps-master/node_modules/@types/jquery/index.d.ts : (36,15) Cannot redeclare block-scoped variable 'jQuery'.
error TYPESCRIPT C:/Users/ xxxxx/RnD/googlemaps-master/googlemaps-master/node_modules/@types/jquery/index.d.ts : (37,15) Cannot redeclare block-scoped variable '$'.
error TYPESCRIPT C:/Users/ xxxxx/RnD/googlemaps-master/googlemaps-master/node_modules/@types/jquery/index.d.ts : (48,5) Subsequent variable declarations must have the same type. Variable 'ajaxSettings' must be of type 'JQueryAjaxSettings', but here has type 'AjaxSettings'.
error TYPESCRIPT C:/Users/ xxxxx/RnD/googlemaps-master/googlemaps-master/node_modules/@types/jquery/index.d.ts : (58,5) Subsequent variable declarations must have the same type. Variable 'Deferred' must be of type 'JQueryDeferred', but here has type 'DeferredStatic'.
error TYPESCRIPT C:/Users/ xxxxx/RnD/googlemaps-master/googlemaps-master/node_modules/@types/jquery/index.d.ts : (59,5) Subsequent variable declarations must have the same type. Variable 'Event' must be of type 'JQueryEventConstructor', but here has type 'EventStatic'.
error TYPESCRIPT C:/Users/ xxxxx/RnD/googlemaps-master/googlemaps-master/node_modules/@types/jquery/index.d.ts : (68,5) Subsequent variable declarations must have the same type. Variable 'cssHooks' must be of type '{ [key: string]: any; }', but here has type 'PlainObject<CSSHook>'.
error TYPESCRIPT C:/Users/ xxxxx/RnD/googlemaps-master/googlemaps-master/node_modules/@types/jquery/index.d.ts : (76,5) Subsequent variable declarations must have the same type. Variable 'cssNumber' must be of type 'any', but here has type 'PlainObject'.
error TYPESCRIPT C:/Users/ xxxxx/RnD/googlemaps-master/googlemaps-master/node_modules/@types/jquery/index.d.ts : (78,14) Subsequent variable declarations must have the same type. Variable 'fn' must be of type 'any', but here has type 'JQuery'.
error TYPESCRIPT C:/Users/ xxxxx/RnD/googlemaps-master/googlemaps-master/node_modules/@types/jquery/index.d.ts : (78,14) All declarations of 'fn' must have identical modifiers.
error TYPESCRIPT C:/Users/xxxxx/RnD/googlemaps-master/googlemaps-master/node_modules/@types/jquery/index.d.ts : (79,5) Subsequent variable declarations must have the same type. Variable 'fx' must be of type '{ tick: () => void; interval: number; stop: () => void; speeds: { slow: number; fast: number; }; ...', but here has type '{ interval: number; off: boolean; step: PlainObject<AnimationHook>; }'.
error TYPESCRIPT C:/Users/xxxxx/RnD/googlemaps-master/googlemaps-master/node_modules/@types/jquery/index.d.ts : (117,5) Subsequent variable declarations must have the same type. Variable 'support' must be of type 'JQuerySupport', but here has type 'PlainObject'.
error TYPESCRIPT C:/Users/xxxxx/RnD/googlemaps-master/googlemaps-master/node_modules/@types/jquery/index.d.ts : (771,5) Duplicate identifier 'param'.
error TYPESCRIPT C:/Users/xxxxx/RnD/googlemaps-master/googlemaps-master/node_modules/@types/jquery/index.d.ts : (5855,5) Duplicate number index signature.
error TYPESCRIPT C:/Users/xxxxx/RnD/googlemaps-master/googlemaps-master/node_modules/@types/jquery/index.d.ts : (8443,5) Duplicate string index signature.
error TYPESCRIPT C:/Users/xxxxx/RnD/googlemaps-master/googlemaps-master/typings/globals/jquery/index.d.ts : (3,11) Interface 'JQueryAjaxSettings' incorrectly extends interface 'AjaxSettings'.
Types of property 'beforeSend' are incompatible.
Type '(jqXHR: JQueryXHR, settings: JQueryAjaxSettings) => any' is not assignable to type '(this: any, jqXHR: jqXHR, settings: AjaxSettings) => false | void'.
Types of parameters 'jqXHR' and 'jqXHR' are incompatible.
Type 'jqXHR' is not assignable to type 'JQueryXHR'.
Property 'error' is missing in type 'jqXHR'.
error TYPESCRIPT C:/Users/ xxxxx/RnD/googlemaps-master/googlemaps-master/typings/globals/jquery/index.d.ts : (148,11) Interface 'JQueryXHR' cannot simultaneously extend types 'JQueryPromise' and 'jqXHR'.
Named property 'always' of types 'JQueryPromise' and 'jqXHR' are not identical.
error TYPESCRIPT C:/Users/ xxxxx/RnD/googlemaps-master/googlemaps-master/typings/globals/jquery/index.d.ts : (148,11) Interface 'JQueryXHR' cannot simultaneously extend types 'JQueryPromise' and 'jqXHR'.
Named property 'catch' of types 'JQueryPromise' and 'jqXHR' are not identical.
error TYPESCRIPT C:/Users/ xxxxx/RnD/googlemaps-master/googlemaps-master/typings/globals/jquery/index.d.ts : (148,11) Interface 'JQueryXHR' cannot simultaneously extend types 'JQueryPromise' and 'jqXHR'.
Named property 'done' of types 'JQueryPromise' and 'jqXHR' are not identical.
error TYPESCRIPT C:/Users/ xxxxx/RnD/googlemaps-master/googlemaps-master/typings/globals/jquery/index.d.ts : (148,11) Interface 'JQueryXHR' cannot simultaneously extend types 'JQueryPromise' and 'jqXHR'.
Named property 'fail' of types 'JQueryPromise' and 'jqXHR' are not identical.
error TYPESCRIPT C:/Users/ xxxxx/RnD/googlemaps-master/googlemaps-master/typings/globals/jquery/index.d.ts : (148,11) Interface 'JQueryXHR' cannot simultaneously extend types 'JQueryPromise' and 'jqXHR'.
Named property 'pipe' of types 'JQueryPromise' and 'jqXHR' are not identical.
error TYPESCRIPT C:/Users/ xxxxx/RnD/googlemaps-master/googlemaps-master/typings/globals/jquery/index.d.ts : (148,11) Interface 'JQueryXHR' cannot simultaneously extend types 'JQueryPromise' and 'jqXHR'.
Named property 'progress' of types 'JQueryPromise' and 'jqXHR' are not identical.
error TYPESCRIPT C:/Users/ xxxxx/RnD/googlemaps-master/googlemaps-master/typings/globals/jquery/index.d.ts : (148,11) Interface 'JQueryXHR' cannot simultaneously extend types 'JQueryPromise' and 'jqXHR'.
Named property 'promise' of types 'JQueryPromise' and 'jqXHR' are not identical.
error TYPESCRIPT C:/Users/ xxxxx/RnD/googlemaps-master/googlemaps-master/typings/globals/jquery/index.d.ts : (148,11) Interface 'JQueryXHR' cannot simultaneously extend types 'JQueryPromise' and 'jqXHR'.
Named property 'state' of types 'JQueryPromise' and 'jqXHR' are not identical.
error TYPESCRIPT C:/Users/ xxxxx/RnD/googlemaps-master/googlemaps-master/typings/globals/jquery/index.d.ts : (148,11) Interface 'JQueryXHR' cannot simultaneously extend types 'XMLHttpRequest' and 'jqXHR'.
Named property 'responseXML' of types 'XMLHttpRequest' and 'jqXHR' are not identical.
error TYPESCRIPT C:/Users/ xxxxx/RnD/googlemaps-master/googlemaps-master/typings/globals/jquery/index.d.ts : (177,11) Interface 'JQueryCallback' incorrectly
extends interface 'Callbacks'.
Types of property 'add' are incompatible.
Type '{ (callbacks: Function): JQueryCallback; (callbacks: Function[]): JQueryCallback; }' is not assignable to type '(callback: TypeOrArray, ...callbacks: TypeOrArray[]) => this'.
Type 'JQueryCallback' is not assignable to type 'this'.
error TYPESCRIPT C:/Users/ xxxxx/RnD/googlemaps-master/googlemaps-master/typings/globals/jquery/index.d.ts : (308,11) Interface 'JQueryPromise' cannot simultaneously extend types 'JQueryGenericPromise' and 'Promise<T, any, any>'.
Named property 'then' of types 'JQueryGenericPromise' and 'Promise<T, any, any>' are not identical.
error TYPESCRIPT C:/Users/ xxxxx/RnD/googlemaps-master/googlemaps-master/typings/globals/jquery/index.d.ts : (363,11) Interface 'JQueryDeferred' cannot simultaneously extend types 'JQueryGenericPromise' and 'Deferred<T, any, any>'.
Named property 'then' of types 'JQueryGenericPromise' and 'Deferred<T, any, any>' are not identical.
error TYPESCRIPT C:/Users/ xxxxx/RnD/googlemaps-master/googlemaps-master/typings/globals/jquery/index.d.ts : (670,11) Interface 'JQueryAnimationOptions' incorrectly extends interface 'EffectsOptions'.
Types of property 'complete' are incompatible.
Type 'Function' is not assignable to type '(this: Element) => void'.
Type 'Function' provides no match for the signature '(this: Element): void'.
error TYPESCRIPT C:/Users/ xxxxx/RnD/googlemaps-master/googlemaps-master/typings/globals/jquery/index.d.ts : (842,5) Duplicate identifier 'param'.
error TYPESCRIPT C:/Users/ xxxxx/RnD/googlemaps-master/googlemaps-master/typings/globals/jquery/index.d.ts : (3756,5) Duplicate identifier 'export='.
error TYPESCRIPT C:/Users/ xxxxx/RnD/googlemaps-master/googlemaps-master/typings/globals/jquery/index.d.ts : (3758,13) Cannot redeclare block-scoped variable 'jQuery'.
error TYPESCRIPT C:/Users/ xxxxx/RnD/googlemaps-master/googlemaps-master/typings/globals/jquery/index.d.ts : (3759,13) Cannot redeclare block-scoped variable '$'.

i added api key from setting in power bi but it's not taking it. also not changing default map view

Great visual. However, I have an issue with the visual showing the streetview part in inverted colors. Is this fixable?