Wancc123的博客

第三步，将上面的解析出来的res结果传入导入表格的逻辑。以上就是多表头表格解析导入数据库的方法。不明白的建议查看文档或者私信我。清除数据就是重置为初始化。可以先行查看文档再来。2.第二部分 逻辑。

接下来就是一个heatMap.js文件，这个是我自己再天地图示例里面复制源码来的，下载要上github,懒得去，你们要有直接复制用。index.html里面就是创建了基础的地图元素和引入方法 没啥东西。看不懂的直接复制代码，运行了就知道了，注意 天地图的key要自己申请。这里我没有把数据放data.js里面，全放index.js里面，懒了。——heatMap.js(这个是生成热力图关键的js不需要改动)上面就是创建块的函数，还缺的就是组成这个块的每一个点的经纬度。接下来是index.js。

这时候，锁定iframe,你点开山海鲸右下角的控制台 ,然后点击地图上的文本标注，控制台就是会打印 hs 也是上面js文件里面的 console.log(data) 就会触发后续的配置操作。如果你发现选择文件那里，看不到index.html文件，那么你把index.html文件放入一个空文件夹。然后，数据源选择这个文件夹打开上传就行，看不到没有关系，然后重新加载刷新这个iframe组件就行了。点击这个iframe元素，右边选择代码，然后上传一个脚本，js文件。然后地图出现后，还得绑定一个js文件。

选择你组件所在文件夹，组件必须是 .html 结尾的文件，暂时不太支持vue项目的之间导入。山海鲸可视化拥有自己的组件，方便使用者直接拖拽使用，调整样式达到自己想要的东西。2、有些图形没有合适的组件使用，需要用html+css这种写出来的。-在山海鲸里面ctrl+F搜索二开echart，即可使用。如果你有线上的组件，可以直接修改iframe地址。-注意使用的js文件格式，必须是以下代码格式。1、使用山海鲸的二开echart图表。山海鲸自己集成了echart的配置。可以用山海鲸里面的iframe。