fix TileLayer draw error when fetch tile is error

packages/maptalks/src/renderer/layer/LayerAbstractRenderer.ts

@@ -815,8 +815,8 @@ function (exports) {
             .then(bitmap => {
                 cb(null, {data:bitmap});
             }).catch(err => {
-                console.warn('error when loading tile:', url);
-                console.warn(err);
+                console.error('error when loading tile:', url);
+                console.error(err);
                 cb(err);
             });
     }

packages/maptalks/src/renderer/layer/tilelayer/TileLayerCanvasRenderer.ts

@@ -167,7 +167,7 @@ export default class TileLayerCanvasRenderer extends TileLayerRenderable(CanvasR
 
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     drawTile(tileInfo: Tile['info'], tileImage: Tile['image'], parentContext?: RenderContext) {
-        if (!tileImage) {
+        if (!this._validateTileImage(tileImage)) {
             return;
         }
         const map = this.getMap();

packages/maptalks/src/renderer/layer/tilelayer/TileLayerGLRenderer.ts

@@ -65,6 +65,9 @@ class TileLayerGLRenderer extends ImageGLRenderable(TileLayerCanvasRenderer) {
     }
 
     drawTile(tileInfo: Tile['info'], tileImage: Tile['image'], parentContext: RenderContext): void {
+        if (!this._validateTileImage(tileImage)) {
+            return;
+        }
         if (parentContext && parentContext.sceneFilter) {
             if (!parentContext.sceneFilter(MESH_TO_TEST)) {
                 return;

packages/maptalks/src/renderer/layer/tilelayer/TileLayerRendererable.ts

@@ -797,6 +797,7 @@ const TileLayerRenderable = function <T extends MixinConstructor>(Base: T) {
             //     return;
             // }
             const errorUrl = this.layer.options['errorUrl'];
+            const isFetchError = !(tileImage instanceof Image);
             if (errorUrl) {
                 if ((tileImage instanceof Image) && tileImage.src !== errorUrl) {
                     tileImage.src = errorUrl;
@@ -810,6 +811,9 @@ const TileLayerRenderable = function <T extends MixinConstructor>(Base: T) {
             this.abortTileLoading(tileImage, tileInfo);
 
             tileImage.loadTime = 0;
+            if (isFetchError) {
+                tileImage.fetchErrorTime = now();
+            }
             this.removeTileLoading(tileInfo);
             this._addTileToCache(tileInfo, tileImage);
             this.setToRedraw();
@@ -1260,6 +1264,16 @@ const TileLayerRenderable = function <T extends MixinConstructor>(Base: T) {
         setTerrainHelper(helper: TerrainHelper) {
             this._terrainHelper = helper;
         }
+
+        _validateTileImage(image) {
+            if (!image) {
+                return;
+            }
+            if (image.fetchErrorTime) {
+                return false;
+            }
+            return true;
+        }
     }
     return renderable;
 }
@@ -1303,6 +1317,7 @@ export type LayerId = string | number;
 export type TerrainHelper = any;
 export type TileImage = (HTMLImageElement | HTMLCanvasElement | ImageBitmap) & {
     loadTime: number;
+    fetchErrorTime: number;
     glBuffer?: TileImageBuffer;
     texture?: TileImageTexture;
     // onerrorTick?: number;

packages/maptalks/src/ui/UIMarker.ts

@@ -249,6 +249,17 @@ class UIMarker extends Handlerable(UIComponent) {
      * @fires UIMarker#positionchange
      */
     setCoordinates(coordinates: Coordinate) {
+        if (!coordinates) {
+            return this;
+        }
+        if (!(coordinates instanceof Coordinate)) {
+            try {
+                coordinates = new Coordinate(coordinates);
+            } catch (error) {
+                console.error(error);
+                return this;
+            }
+        }
         this._markerCoord = coordinates;
         /**
          * positionchange event.