vue项目中使用天地图

1.首先打开天地图注册账号 申请自己所用的key
网址:http://lbs.tianditu.gov.cn/home.html

2.创建自己的vue项目,这里就不说了

3.将


引入到你项目中的index.html文件中

4.创建map.vue文件




这样天地图就可以简单的显示出来了

接下来就要实现一些简单的功能

①实现图层的覆盖 比如说 你想要的 卫星图层 微型混合图层 地形图

 var ctrl = new T.Control.MapType();
//添加控件
 map.addControl(ctrl)

这里是加了 一个控件 点击 可以实现 图层的切换
你如果只想要单独的图层 就用下面的
vue项目中使用天地图_第1张图片下来 就不多说了 都比较简单 有什么问题 评论留言给我

你可能感兴趣的:(vue项目中使用天地图)