Google maps + uiGmapgoogle-maps


#1

Hi, a few years ago I have implemented in an app the use of google maps, using uiGmapgoogle-maps.

Currently, it is still working, but it does not show any images, the “icons” of google maps.

The error it shows is:
Content Security Policy: Las opciones para esta página han bloqueado la carga de un recurso en data:image/svg+xml,%3Csvg%20xmlns%3D%22h… (default-src).

OR

Refused to load the image 'data:image/svg+xml,...' because it violates the following Content Security Policy directive: "default-src *". Note that 'img-src' was not explicitly set, so 'default-src' is used as a fallback.

Attached image to be understood.

As a first step to solve it, update the google maps version:

		uiGmapGoogleMapApiProvider.configure({
			key: 'key',
			v: '3.34', 
			libraries: 'weather,geometry,visualization',
			language: 'es'
		});

Before it was 3.20. But it is not solved.

With this meta tag:

<meta http-equiv="Content-Security-Policy" content="default-src *; script-src 'self' 'unsafe-inline' 'unsafe-eval' *; style-src 'self' 'unsafe-inline' *">

I use these versions:
Ionic: 1.2.4
angular-google-maps 2.3.2
Lo-Dash 2.4.1
angular-simple-logger: It does not say version, the local implementation date is 2016-04-14

Any ideas on how to solve it? Did someone experience something similar?
Thanks


#2

Add img-src * data:; to the policy works!