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