记录一次echarts结合百度离线瓦片地图地图不加载出来问题

最新推荐文章于 2025-09-23 12:16:03 发布

原创最新推荐文章于 2025-09-23 12:16:03 发布 · 544 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#echarts #前端 #javascript #百度

使用百度离线瓦片是查看了这个博客，博客是没问题的是我自身项目的问题导致地图不出来：vue-内网，离线使用百度地图（地图瓦片图下载静态资源展示定位）_vue 百度离线地图-优快云博客

因为刚开始是使用的在线地图就是访问百度api，正是访问的百度api所以使用了mapStyle描绘了地图样式导致和本地地图js和样式冲突，删除mapStyle就可以正常访问了。

//我的echarts的bmap，注释mapStyle后有效
bmap: {
  center: [138, 44],
  zoom: 5,
  roam: true,
  //使用百度瓦片使用以下注释的代码会报错，使用百度api时放开
  // mapStyle: {
  //   styleJson: [{
  //     featureType: 'water',
  //     elementType: 'all',
  //     stylers: {
  //       color: '#a0cfff'
  //     }
  //   },

我的项目是linux部署的后续会出博客分享，参照文章开头的博客可以正常在windows系统搭建访问。