使用百度地图API将输入地址转化成坐标

本文介绍在微信项目中如何使用百度地图API将地址转化为坐标。由于百度接口默认采用异步处理,导致在某些场景下无法满足需求。解决方案是引入相应JS库,如convertor.js和AreaRestriction_min.js,实现同步转换。通过创建BMap.Geocoder对象并调用getPoint方法,可以将地址解析为坐标,并显示在地图上。

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

最近本人在做一个微信的项目,使用的是百度地图,没有使用腾讯自家的地图。主要是觉得百度地图使用的比较方便一些。

在使用地图API将地址转成坐标时,刚开始使用的是ajax调用(方法如下:)

$.ajax({
url:"http://api.map.baidu.com/geocoder/v2/?address="+你的地址+"&output=json&ak=你的百度key",
type:"post",
async:false,
dataType:"jsonp",
success:function(data){
jhx=data.result.location.lng;
jhy=data.result.location.lat;
shoujianren();

},
error:function(XMLHttpRequest, textStatus, errorThrown){

}

发现了一个很大的问题,就是百度的这个接口使用的是异步处理的方法,所以你不管怎么设置成同步都是不行的。解决方法如下:

先引入百度想对应的js

<script type="text/javascript"
src="https://api.map.baidu.com/getscript?v=2.0&ak=你的百度key"></script>
<script type="text/javascript"
src="https://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>
<script type="text/javascript"
src="https://api.map.baidu.com/library/AreaRestriction/1.2/src/AreaRestriction_min.js"></script>

这几个个人测试是必须添加的。增加网页的加载速度(本人这边是下载下来放在本地的)

var myGeo = new BMap.Geocoder();
    // 将地址解析结果显示在地图上,并调整地图视野
    myGeo.getPoint(address, function(point){
    var nus=JSON.stringify(point);

 }, "南通市");

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

tearwlf

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值