React 高德地图 进京证(二)

上回书说到,躲开摄像头的基本功能实现了,但有三个核心问题:
(1)速度慢
(2)距离远易失败
(3)地图限制

第一个问题:较为简单,把几千个摄像头按行政区划分好带上编号,在路线分段避让时按片儿计算,综合测试速度提升了50%。

//找到每段step途径的
let wayDistrictsCamera = [];
step.cities.map(city => {
    if (city.adcode == "110100") {
        city.districts.map(cityDistrict => {
            wayDistrictsCamera = wayDistrictsCamera.concat(camera.filter(cf => cf.adcode == cityDistrict.adcode));
        })
    }
})

第二个问题:略微复杂,当终点设置成某个六环入口时,规划成功,也确实是我线下实践过的路线,但是当我终点设置到外省时,失败了。所以增加了一个功能,允许设置一个途经点(多了怕影响效率,虽然我没试 😄),途径点设置到这个六环入口,规划成功。
第三个问题:最简单也最难,没错,需要钞能力!个人使用高德的接口,按各功能都是有调用次数限制的,所以如果崩了,证明有不少朋友来体验了。😄

起初也是出于兴趣和确实自己有这个需求,就想着实践一下,耗费了些时间,感觉挺好玩的,并且还挺实用,我自己用了几次 😄 也给需要的朋友提供个方便。

原创作者: WinterSir 转载于: https://www.cnblogs.com/WinterSir/p/18382567
React高德地图是一个针对React进行封装的地图插件,可以通过引入react-amap库来使用。你可以在官方网址https://elemefe.github.io/react-amap/components/map找到更多关于该插件的API文档。在使用时,你可以通过安装react-amap来引入插件,也可以直接使用SDN方式引入。在React组件中,你可以使用Map和Marker等组件来展示地图和标记点。你需要在高德官网上申请一个地图的API Key,并将其作为amapkey属性传递给Map组件。你还可以通过设置属性和绑定事件来自定义地图的行为,比如设置地图的中心点、缩放级别,以及绑定单击、双击、移动等事件。如果需要销毁地图实例,你可以使用map.destroy()方法来注销地图实例并释放内存。\[1\]\[2\]\[3\] #### 引用[.reference_title] - *1* *2* [React使用高德地图react-amap)(一)](https://blog.csdn.net/u013262823/article/details/92795965)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [【高德地图React项目中的使用——()各种配置的使用】](https://blog.csdn.net/qq_45149366/article/details/126125667)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值