I've had success with these CSP settings, and I'm receiving no more errors in the console:
<meta http-equiv="Content-Security-Policy" content="default-src 'self' data:
					gap: https://*.apple-mapkit.com https://*.ls.apple.com;
					style-src 'self' 'unsafe-inline';
					worker-src blob:;
					img-src 'self' https://*.apple-mapkit.com;">
The maps load and performs as expected when tested in Chrome, but it fails on MacOS Safari, in the iOS Simulator and on a device (iPhone SE 2nd Gen). All I see is a blank, untiled map which does not allow dragging. However, if I double-tap to zoom in, the tiles then appear and the map is responsive.
Is there any type of --webkit CSS helper that needs to be added to allow proper Mapkit JS performance on Webkit?
Topic:
App & System Services
SubTopic:
Maps & Location
Tags: