Forum Discussion
Could not load image because of out of range source coordinates for image copy.
I use the azure-maps-control SDK version 2.3.7 for my Angular app. When I Initialise the Map it intermittently fires the error event. So sometimes it fires when the map loads and sometimes it does no...
Some workarounds that are worth to try:
- Upgrade to a Newer SDK Version
If possible, upgrade to the latest stable version of the Azure Maps SDK. Newer versions (e.g., v3.x) include bug fixes for image handling and rendering issues.
- Use a Different Map Style Temporarily
Try switching from 'satellite' to 'road' or 'grayscale_dark' to see if the error persists. Some styles may have different internal asset requirements.
style: 'road', // instead of 'satellite'
- Delay Initialization Slightly
Sometimes the map container isn't fully rendered when ngAfterViewInit fires. Try wrapping _initMap() in a setTimeout or using requestAnimationFrame to delay initialization:
ngAfterViewInit(): void {
setTimeout(() => this._initMap(), 0);
}
- Check for Container Size
Ensure the map container has a valid size before initializing. A zero-width or height container can cause rendering errors.