Antv/L7中使用高德地图插件

news/2024/11/7 12:40:31/

L7可以使用高德地图作为底图,也可以使用高德地图提供的插件,如工具栏,缩放条等。

官方文档中的引入方式如下
    const sc = new Scene({id: 'xxxx-map',logoVisible: false,map: new GaodeMap({style: 'default',pitch: 0,zoom: 13.056,plugin: ['AMap.ToolBar', 'AMap.Scale'],}),});

但并不会起效。因为这种写法仅仅是将插件引入,并没有将其实例化和加入地图。还需要参照高德的文档将插件实例化并添加到地图上。
一番摸索后找到方法。

 sc.on('loaded', () => {// 实例化并添加插件const toolbar = new (window.AMap as any).ToolBar();const scale = new (window.AMap as any).Scale();(sc.getMapService().map as any).addControl(toolbar);(sc.getMapService().map as any).addControl(scale);});

变量 sc 就是前一段代码创建的L7的Scene的实例,实例化插件的代码写到 loaded事件中。
关键就是怎么找到 AMap 这个东西。L7虽然引入了高德地图(无需再自己引入高德),但没有直接把这个给我们,最终还是从window对象中找到的。

感觉写起来好别扭,如果有其他好办法请务必告诉我。


http://www.ppmy.cn/news/356728.html

相关文章

高德地图——货车导航

高德地图——货车导航 插件:pluginAMap.TruckDriving 第一种方法:使用坐标,比驾驶和骑行多了city和size属性,且需要放入的是json数据 new AMap.TruckDriving({map:map,panel:panel,city:beijing,//城市size:1 //大小}).search(…

ECE8.1认证之路

ECE8.1认证之路 现在考试基本不需要发邮件说明要用中国 身份证考试和用deepl翻译软件,如果不放心也可以问,官方也会回复 1、购买考试资格(需要vxn) 点击 My Account 这个时候会让你登录,我用的是微软的账号登录 然后会让你填入一些基本信…

长沙与华为联合“打样”,湖南智能网联汽车加速跑出新局面

文丨智能相对论 作者丨陈选滨 智能网联汽车产业发展至今,在落地的过程中越来越考验一个地区的产业发展思路以及与市场企业的协同能力。 以长沙来说,目前其智能网联汽车产业在全国保持领跑态势。据赛迪顾问发布的《2020年中国智能网联汽车产业投资潜力…

E路航GPS LH900 使用

平台简介: OS: WinCE5.00, CPU: ARM926T,RAM: 51.5M, 4.3寸LCD,480x272 pixels, 65536 colors, 4G SD card 机器已经自带了很多软件,使用起来很方便。根据自己的需要,我又自己装了几个软件,简单记录一下。 …

长安车机升级公版高德

成品截图:工具箱支持锐程Plus\UNIV 一键操作,UNIT可以去除验证(无法删除原厂高德,因为路径不同) 成品连接:长安车机工具箱 密码:gogo 前言 各位工具箱的大佬,于我无关啊,莫名奇妙被点着名骂了,以前都是加…

车路协同信息交互技术要求第 1 部分:路侧设施与云控平台

团体标准-车路协同信息交互技术要求第 1 部分:路侧设施与云控平台 1 范围 本文件规定了车路协同系统中路侧计算单元、路侧单元与云控平台之间的信息交互内容及技术要求。 本文件适用于城市道路、公路和封闭园区车路协同系统中路侧设施、云控平台及其他相关系统的设…

百华鞋业开工大吉|起航新征程,扬帆再出发

爆竹声声迎鸿运,开工大吉启新程。2023年农历正月初六,山东百华鞋业有限公司迎来节后开工吉日。百华的家人们迅速集结工作岗位,以饱满的精神状态,按下工作复位键,俯身蹬地冲起跑,努力奋斗再出发!…

心系区域发展,高德用一体化出行服务平台“聚”力区域未来

交通,是城市的血脉。通过对人、资源、产业的连接,交通建设往往是城市和区域经济发展的前提。不过,在度过了“要想富,先修路”的初级建设阶段后,交通产业内部也出现了挑战,诸如城市秩序、发展成本、用户使用…