js调用百度地图获取经纬度以及详细坐标

### 百度地图API与后端交互获取经纬度 为了实现在JavaScript中通过百度地图API从后端获取经纬度数据，通常的做法是在前端初始化百度地图插件，并配置相应的参数来加载地图。而后端则负责提供具体的地理坐标信息给前端。 #### 前端部分 在HTML文件头部加入如下脚本标签用于引入百度地图JS API： ```html <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=YourOwnKey"></script> ``` 其中`YourOwnKey`应替换为实际申请得到的应用程序密钥[^3]。 接着定义一个函数用来创建地图对象以及显示位置标记： ```javascript function initMap() { var map = new BMap.Map("container"); // 创建地图实例 $.ajax({ url: '/getGeo', // 请求路径指向服务器接口 method: 'GET', success: function(response){ let point = new BMap.Point(response.longitude, response.latitude); map.centerAndZoom(point, 15); // 设置中心点和缩放级别 var marker = new BMap.Marker(point); // 创建标注 map.addOverlay(marker); // 将标注添加到地图上 } }); } ``` 此段代码展示了如何利用jQuery发起异步请求至指定URL `/getGeo` 来取得由后台返回的位置信息，并据此更新地图视图[^1]。 #### 后端部分（假设采用Spring Boot框架） 于控制器层编写处理逻辑响应来自客户端对于地理位置查询的需求： ```java @RestController public class LocationController { @GetMapping("/getGeo") public Map<String,Object> getGeolocation(){ double lng = ... ;// 经度值来源于数据库或其他存储介质 double lat = ... ;// 纬度同理 HashMap<String,Object> result=new HashMap<>(); result.put("longitude",lng); result.put("latitude",lat); return result; } } ``` 这段Java代码片段说明了当接收到HTTP GET类型的访问时，会执行相应的方法体内的业务流程并向调用方反馈包含经度(`longitude`)纬度(`latitude`)在内的JSON格式的结果集[^4]。