RangingTool 覆盖物文案国际化

概述

当我们在使用RangingTool量尺的时候,第一个点会显示: 起点,第二个点显示: XX公里,第三个点显示:共XX公里. 当我们把地图设置为英文的时候,量尺对应的显示没有替换为英文,这是令我们苦恼的事情,如何解决问题,变成为我们的主要点.

问题分析

试图在对应的API中去查找对应的属性来修改文案.一下便是我们找的三个属性,对应的上面三个显示文案.量尺API

RangingToolOptions	类型	说明
startLabelText	String	设置量测起始点标签的文字内容，默认为“起点”
midLabelText	String	设置量测中间点处标签的文字内容，默认为当前量测结果值
endLabelText	String	设置量测结束点处标签的文字内容，默认为当前量测结果值

试图修改方式一

                 new AMap.RangingTool(AmapFeature, {startLabelText: "起点",midLabelText: "中间点",endLabelText: "末尾点"});

结果发现, 三个点完全被我们重新设置点的文案覆盖了,达不到我们的需求,我们需要重新思考问题解决方案

试图修改方式二

当我们在看量尺属性API的时候,突然间看到有三个对应的监听函数,于是打印三个函数的返回结果.

事件	参数	说明
addnode	{marker,positon,type}	每添加一个量测点时触发此事件，参数：marker：添加的标记点对position：添加的标记点坐标 type：事件类型为addnode
removenode	{target,polyline,points,distance}	每删除一个量测点时触发此事件，参数：target：距离量测对象polyline：量测线对象points：量测点（LngLat）对象的集合distance:本次距离量测的总距离值,位默认为：公里
end	{target,polyline,points,distance}	距离量测结束后触发此事件，参数：target：距离量测对象polyline：量测线对象 points：量测点（LngLat）对象的集合distance:本次距离量测的总距离值,单位默认为：公里

我们发现在addnode监听方法中,找到了RangingTool对应的三个属性,根据对应的格式我们只需要做些改变便可.

 new AMap.RangingTool(AmapFeature, {startLabelText: that.$t('startingPoint')+"</div>",midLabelText: "{d}"+that.$t('kilometer')+"</div>",endLabelText: that.$t('total')+"{d}"+that.$t('kilometer')+"</div>"});

结束语

以上的解决方式,便为我们做RangingTool国际化,提供了解决方案. 因此高德地图的功能有很多,故需要我们多去实践,多看相应的API.

RangingTool 覆盖物文案国际化相关推荐

vscode 全项目替换_利用vscode插件提升前端国际化开发效率
1. 起因国际化是我们目前开发工作中非常重要的一环.对于老项目,我们可以通过便捷的方式对中文文案进行批量国际化:但是对于新增的功能或者模块开发,一般还是开发同学对文案逐个进行国际化.我自己的开发流程 ...
代码解放，一个智能化的「云控制台」如何运转？
本文授权转载自「视频云技术」,作者虚俞,编辑 IMMENSE. 当谈论"业务智能化"时,我们还能谈论什么? 技术正不断改变企业与组织的业务模式,创造新的增长机遇. 随着 AI.5G ...
滴滴十大技术方向开源项目出炉！有点牛啊！
点击上方"码农突围",马上关注这里是码农充电第一站,回复"666",获取一份专属大礼包真爱,请设置"星标"或点个"在看&quo ...
滴滴技术牛逼吗？看它开源了哪些有意思的项目
点击上方"方志朋",选择"设为星标" 回复"666"获取新整理的面试文章作为卓越的一站式移动出行和生活平台,滴滴在亚洲.拉美和澳洲为超过5 ...
滴滴开源了哪些有意思的项目？
点击上方"方志朋",选择"设为星标" 回复"666"获取新整理的面试文章作者 | 滴滴技术出品 | 滴滴技术作为卓越的一站式移动出 ...
滴滴十大技术方向开源项目出炉
点击上方"Github中文社区",关注看遍Github好玩的项目作者 | 滴滴技术出品 | 滴滴技术作为卓越的一站式移动出行和生活平台,滴滴在亚洲.拉美和澳洲为超过5. ...
滴滴开源3周年，都发布过哪些项目？
桔妹导读:自2017年6月,滴滴发布了首个开源项目VirtualAPK开始,三年耕耘,不忘初心,滴滴已对外发布了40+个开源项目,涵盖人工智能.研发测试.前端.系统工具.大数据.运维监控等领域,一起来 ...
滴滴十大技术方向开源项目出炉！
点击上方蓝色"程序猿DD",选择"设为星标" 回复"资源"获取独家整理的学习资料! 作者 | 滴滴技术来源 | 滴滴技术作为卓越的一站式 ...
好奇！滴滴在 GitHub 开源了哪些有意思的项目？
公众号关注 "GitHubPorn" 设为 "星标",每天带你逛 GitHub! 来自 | 滴滴技术作为卓越的一站式移动出行和生活平台,滴滴在亚洲.拉美和澳洲 ...

RangingTool 覆盖物文案国际化

概述

问题分析

试图修改方式一

试图修改方式二

结束语

RangingTool 覆盖物文案国际化相关推荐

最新文章

热门文章