百度地图API中使用ajax实现点击地图生成标注并保存到数据库

最新推荐文章于 2021-08-23 20:13:14 发布

纷飞_easy

最新推荐文章于 2021-08-23 20:13:14 发布

阅读量6.1k

点赞数 2

分类专栏： HTML前端 springmvc 文章标签：百度地图 ajax

本文链接：https://blog.youkuaiyun.com/fenfei_zqh/article/details/78748188

版权

本文介绍了如何在项目中利用百度地图API，实现在地图上点击生成标注，并将标注的坐标通过AJAX技术保存到数据库。通过map.html页面处理地图交互，后端使用SpringMVC进行数据库的插入操作，数据库管理采用MyBatis。

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

在最近的项目中要使用到百度地图的api对于地图处理，要实现的功能是在地图上每一次点击都会生成一个标注，并把标注位置的坐标保存到数据库中。搜了很多地方都没有找到，就打算自己写写，没想到最后发现也不是很难。话不多说，直接上代码。

首先是地图处理的map.html源码

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<style type="text/css">
body, html, #allmap {
    width: 100%;
    height: 100%;
    overflow