百度地图开发API记录

本文介绍了如何实现数据库中的经纬度地址逆解析,并详细阐述了地图应用中从文本输入地址到数据库存储的过程。重点讨论了在iframe中父页面与子页面数据交互的难点,包括axios传递中文参数避免乱码的方法以及使用Baidu地图API进行地址标注。同时,提出了将数据库地址列表展示在地图上的两种思路,并展示了如何通过DOM操作获取表格数据。

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

1.需求

(1) 实现数据库经纬度地址逆解析

 (2) 地图文本输入地址添加到数据库

 

2.难点

 (1) 地址添加子页面 address_add.html

map.clearOverlays();    //清除地图上所有覆盖物
  • 父页面manage_address.html调用子页面address_add.html数据
<iframe src="address_add.html" name="address_add" scrolling="no" frameborder="0" width="100%" height="400px"></iframe>
                    
//子页面 地图添加传参
this.addressName = address_add.window.myValue;  //地址名称
this.lat = address_add.window.pp.lat;           //纬度
this.lng = address_add.window.pp.lng;           //经度
  • axios.post传递中文乱码(地址名称)
 //此方法传参map接收  不会乱码
                    axios.post("/orderlist/addAddress.do", {
                            addressName:this.addressName,lat:this.lat ,lng: this.lng
                        }

                        //addressName 此方法中文乱码
                        //axios.post("/orderlist/addAddress.do?addressName=" + this.addressName +"&lat=" + this.lat +"&lng=" + this.lng ,

                        //axios.post("/orderlist/addAddress.do", addressData,
                        // {
                        //     //responseType: 'json',
                        //     //dataType:'json',
        
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值