fix：优化海图示例：ol初始级别，maplibregl加载图片失败

Author: chenxianhuii

examples/maplibregl/01_chartService.html

@@ -875,11 +875,18 @@
           'filter': ['==', '$type', 'Point']
         });
       }
-    map.loadImage(
-      '../img/point2.png', 
-      function(error, image) {
-      if (error) throw error;
-        map.addImage('icon_name', image);
+    map.on('load', function() {
+      // maplibre-gl v3版本用法：
+      // map.loadImage('../img/point2.png', function(error, image) {
+      //   if (error) throw error;
+      //   map.addImage('icon_name', image);
+      // });
+      // maplibre-gl v4及以上版本用法：
+      map.loadImage('../img/point2.png').then(function(image) {
+        map.addImage('icon_name', image.data);
+      }).catch(function(error) {
+        console.error('Failed to load point2.png:', error);
+      });
     });
 
     function sqlQuery() {

examples/openlayers/01_chartService.html

@@ -411,7 +411,7 @@
         })]),
       view: new ol.View({
         center: [60.93, -32.53],
-        zoom: 13,
+        zoom: 14,
         projection: 'EPSG:4326',
         multiWorld: true
       }),