定义科尔多瓦白名单插件访问URL并为图像添加内容安全策略后,我的自定义Google Maps标记未显示在Google Maps上。以下是将代码添加到地图的代码。当我的白名单设置为全“ *”时,此方法运行良好。
let svg = template.replace('{{ rotate }}', response[index]["course"] + 'deg');
marker.setIcon({ url: 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(svg) });
我在config.xml文件中使用这些标签定义了Cordova Phonegap应用程序的网络请求白名单。
<access origin="https://example.com" subdomains="true"/>
<allow-intent href="https://example.com" subdomains="true" />
<allow-navigation href="https://example.com" subdomains="true" />
<access origin="*://*.googleapis.com" subdomains="true" />
<access origin="*://*.gstatic.com" subdomains="true" />
我没有收到任何错误,但标记未显示,标记图像的src为https://maps.gstatic.com/mapfiles/transparent.png。
我尝试通过设置img-src'self'数据在HTML文件中设置内容安全政策:https://*.googleapis.com...etc 不幸的是,这仍然允许其他数据:图像(来自gstatic和googleapis)无法显示,仍然没有错误。