高德缩放地图点聚合报错

uniapp 使用render.js引入高德且高德缩放地图点聚合报错

img

确保您正在使用正确的高德地图JS API版本
请检查您的代码中使用的高德地图JS API版本是否正确。建议使用最新版本的高德地图JS API,您可以在高德开发者文档中找到最新版本的JS API链接。

确保正确引入高德地图JS API
在您的代码中,确保正确引入高德地图JS API


如果您在使用 render.js 引入高德地图并尝试进行缩放地图点聚合时遇到错误,可能是由于以下几个原因之一导致的:

您没有正确加载高德地图库:在使用 render.js 时,您需要确保正确加载高德地图库。您可以通过在 index.js 文件中添加以下代码来加载高德地图库:

javascript
import * as render from 'render.js';  
import './assets/map/map.js';
高德地图的缩放级别不正确:高德地图在不同的缩放级别下会采用不同的数据更新策略。您需要在加载高德地图库后,设置缩放级别为适当的级别。
在您的 index.js 文件中,您可以添加以下代码来设置缩放级别:

javascript
render.setConfig({  
  zoom: 13,  
});
高德地图的缩放范围不正确:高德地图在缩放时会根据缩放级别自动更新缩放范围。如果您的缩放范围不正确,可能会导致缩放点聚合错误。
在您的 index.js 文件中,您可以添加以下代码来设置缩放范围:

javascript
render.setConfig({  
  scale: 1.1,  
});
如果以上步骤仍然无法解决问题,您可以尝试将 render.js 的 CDNNotify 组件从 CDN 中删除,并将其替换为自己的 CDNNotify 组件。您可以在 index.js 文件中添加以下代码来替换 CDNNotify 组件:

javascript
import * as render from 'render.js';  
import './assets/map/map.js';  
  
render.setConfig({  
  // ...   
  plugins: {  
    'CDNNotify': {  
      // ...  
    }  
  }  
});
在您的 index.js 文件中,您可以添加以下代码来重新设置 CDNNotify 组件的初始位置和缩放级别:

javascript
render.setConfig({  
  // ...   
  plugins: {  
    'CDNNotify': {  
      init: false,  
      scale: 1.1,  
      // ...  
    }  
  }  
});
希望这些步骤能够帮助您解决问题。