百度地图批量坐标的加载及其使用案例

最新推荐文章于 2024-06-24 14:25:44 发布

荒--

最新推荐文章于 2024-06-24 14:25:44 发布

阅读量1.7k

点赞数 1

分类专栏： FineReport学习案例 + 百度API

本文链接：https://blog.csdn.net/wangqing84411433/article/details/106869592

版权

FineReport学习案例 + 百度API 专栏收录该内容

22 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了在网页中批量加载百度地图坐标点的问题及解决方案。针对百度API一次最多支持10个点坐标转换的限制，提出将大数组拆分为小数组分批处理，并处理异步请求的顺序。在SpringBoot Thymeleaf模板中，展示了从数据库获取数据、初始化地图、添加覆盖物的过程，同时强调了地图元素的样式设置和JavaScript代码的转义。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

场景在页面中加载百度地图数据模拟99棵树木加载每一颗树木位置(采用覆盖物) 患病-红色健康-黑色鼠标悬浮覆盖物显示名称

问题 1：百度API目前一次最多只支持10个点坐标转换超过时候data.status = 25 个数非法，超过限制(博客里有说明)

问题 2：坐标转换的callback是异步的，若在for循环中调用则会使坐标顺序打乱当数据超过10，覆盖物显示不了name属性

解决办法：

1.将大数组分成小数组存放，每次解决10个

2.将每次的异步请求记录下

3.在springboot thymeleaf 注意在JS中使用转义

测试案例采用springboot thymeleaf模版

部分结构如下

DemoBootApplication是启动页面

package com.tedu;

import org.mybatis.spring.annotation.MapperScan;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

&#