若依vue框架引入天地图

• 一、拉取若依框架并跑通

• 二、添加地图菜单

从系统管理中打开菜单管理仿照若依自带的菜单去新建一个地图菜单。

注：这里的组件路径要与代码中的文件路径相对应。

•  三、打开前端代码 ruoyi-ui，在public文件夹下的index.html文件中引入天地图的API

<script src="http://api.tianditu.gov.cn/api?v=4.0&tk=您的密钥" type="text/javascript"></script>

这里的密钥需要自己在天地图官方申请 ，注意申请是应用类型选择浏览器端。

网址是：天地图API (tianditu.gov.cn)

• 四、根据组件路径创建map.vue文件，我这里仅展示了简单的根据经纬度定位和鹰眼功能。

•  五、结果展示