用百度地图API和echarts时遇到的一些问题

1. Uncaught TypeError: Cannot read properties of undefined (reading 'extendComponentModel')

• 原因：这个错误通常是引入了不兼容版本的echarts库导致的

• 确保echarts库的版本与使用的API版本兼容，建议使用echarts提供的在线本版

• <scriptsrc="" target="_blank">https://cdn.jsdelivr.net/npm/echarts@latest/dist/echarts.min.js"></script>

Uncaught TypeError: Cannot read properties of undefined (reading 'extendComponentModel') at VM11821 bmap.min.js:22:2905

• 原因：这个错误通常是因为引入的百度地图 API 版本与 echarts 百度地图扩展版本不兼容所致

• 确保 echarts 百度地图扩展版本与使用的百度地图 API 版本兼容

• 建议直接使用echarts官方提供的CDN：

• <scriptsrc="" target="_blank">https://cdn.jsdelivr.net/npm/echarts@latest/dist/echarts.min.js"></script>

总结

• 遇到以上两个错误的，可以直接复制下面三行：

• 通过<script>标签引入地图api地址、echarts地址、扩展插件地址，这里的ak是你在地图服务中心注册的

<!-- 百度 -->
    <script src="https://api.map.baidu.com/api?v=3.0&ak=?"></script>
    <!-- echarts -->
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min.js"></script>
    <!-- 扩展地图插件 -->
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/dist/extension/bmap.min.js"></script>