天地图
wjm0519
这个作者很懒,什么都没留下…
展开
-
取消天地图左下角logo
我们打开天地图API调试界面:http://lbs.tianditu.gov.cn/api/js4.0/examples.html红框中就是要隐藏的部分天地图API调试界面标题打开浏览器开发者工具,定位到红框中元素所在的标签然后使用document.getElementsByClassName找到该标签,将该标签隐藏即可。document.getElementsByClassName("tdt-control-copyright tdt-control")[0].styl.原创 2021-02-09 10:28:02 · 3231 阅读 · 0 评论 -
vue + 天地图 初始化地图
前端配置: vue + elementui webpack1.在index.html中引入天地图js文件<script src="https://api.tianditu.gov.cn/api?v=4.0&tk=秘钥" type="text/javascript" ></script>2.在assets下创建一个技术文件,可自定义名称tianditu.jsexport default { init: function原创 2021-01-12 14:34:30 · 1644 阅读 · 1 评论 -
vue + vue-resource 请求天地图
1.安装好vue+vue-resource2.引入天地图3.开始标点注:以上步骤不需要过多解释4.唤起天地图标点事件,并获取到该点的经纬度// 注册点图点击事件(开启地图点击事件并获取经纬图) addMapClick: function(){ this.map.addEventListener("click",this.MapClick); ...原创 2020-04-15 14:00:51 · 622 阅读 · 1 评论