@必意玲

但是，接口之前请求会403。疯狂google中后，终于找到解决方法。关键一步，添加完这行代码后一定要重启项目！去动态获取GeoJSON 省市的数据，如下代码。最近在写一个省市下钻的demo，用到的是。中添加阿里云权限如下图。再次查看，已经200了。

在数据可视化中，地图是很重要的一个环节，很多时候需要展现的不仅是国家地图，还需要能从国家进入到省市。这个逐级进入的过程就是我们今天说的地图下钻。地图下钻看起来很屌、很高大上，但是仔细琢磨一下，技术实现上真的很简单。文章目录1. 本章主要功能介绍1. 地图下钻实现思路（本章核心）2. 下钻代码实现（本章核心）3. 完整代码3.1 vue部分3.2 mapData.js 部分4. 接口数据1. 本章主要功能介绍自定义标注样式&自定义tooltip弹窗样式（上章内容） echarts 自定义标注

先需要把上面的两张图片转成base64的文本格式，然后在mounted初始化图片的dom，如下，注意一定要在mounted里面，不然获取不到data() {return {mapImg: null, //地图底色mapActiveImg: null, //地图悬浮移入后的底色},// 地图底色"100px";// 地图悬浮移入后的底色"100px";},

最近项目才开始使用 echarts 遇到了一些问题，记录下，先看下效果图(请忽略数据)

下载的只是一个html 文件。因为采用的是Jquery ajax的方式加载JSON数据。所以请务必下载后放在服务器目录下访问这个html文件。有服务器的建议直接放在服务器根目录访问，没有服务器建议自己本地安装一个 phpStudy 服务器（直接放在WWW目录下）。没有的建议百度 phpStudy 服务器使用。很简单，前端开发模拟服务器这个也经常用到。

功能：以新疆为主导的迁徙图流动人口地图 (效果如下图)1. 其他省人口 流动到新疆、新疆人口流动到其他省。2. 新疆本地区人口流动后端返回数据可以参考echarts 迁徙图 来改动，把后端的数据套进去即可demo：参考 https://gallery.echartsjs.com/editor.html?c=x2Ei_JbHZb...

2.将需要分离排列的legend分成两组，然后设置。1.后端返回的代码数据结构如下。

【代码】echarts 设置 tooltip 背景框颜色文字颜色。

设置symbol属性为图片地址即可，注意前面跟image://特有的写法baseData是经纬度数据，这里不贴了tooltip: {.... //省略},geo: {.... //省略},series: [.... //省略},},tooltip: {},},${require`,z: 9999,},],结合上面代码，设置tooltip为自定义的一个函数formatHtml，内容如下，主要是自定义css样式即可return `