springboot整合高德地图

在Spring Boot中整合高德地图，可以使用Thymeleaf和Vue来渲染页面，同时使用AMap地图API来实现地图功能。

首先，在pom.xml文件中添加spring-boot-starter-thymeleaf和spring-boot-starter-web依赖。然后，在application.properties文件中配置高德地图的API Key。

接下来，创建一个Controller类，并在其中编写一个处理请求的方法，使用@GetMapping注解指定请求路径。在该方法中，返回一个String类型的视图名称，该视图将被Thymeleaf渲染。

然后，创建一个HTML文件，使用Thymeleaf语法，引入高德地图的JavaScript API，并在HTML文件中添加一个容器元素，用于显示地图。同时，使用Vue的mounted函数初始化地图对象。

最后，运行Spring Boot应用程序，并在浏览器中访问对应的URL，即可看到整合了高德地图的页面。

下面是一个简化的示例代码:

引用<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [thymeleaf HTML springBoot vue 集成高德地图](https://blog.csdn.net/i_am_bad_man/article/details/127353423)[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^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]