javascript将地址转换为经纬度_调用百度地图API_地址解析

Peanutty

已于 2023-01-20 03:11:42 修改

阅读量1.7k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：项目相关文章标签： javascript 前端开发语言

于 2023-01-18 12:58:50 首次发布

本文链接：https://blog.csdn.net/hhb442/article/details/128725205

项目相关专栏收录该内容

17 篇文章

订阅专栏

本文介绍了如何注册并获取百度地图API的账号和密钥，以及如何使用JavaScript异步加载API并进行地理编码，通过Geocoder获取经纬度坐标。

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

1、注册账号和密钥申请

百度地图
在这里插入图片描述

选择，开发文档->javascriptAPI

在这里插入图片描述

进入后先进行账号和密钥获取，并且申请成为百度开发者，点击使用方法内的步骤即可跳转

在这里插入图片描述

获取服务密钥ak
应用类型选择浏览器端
白名单自己设置：只有白名单中的网站才能成功发起调用
点击提交

在这里插入图片描述

提交后获得密钥

在这里插入图片描述

2、使用javascript调用

2.1、异步加载百度地图script

还是javaScriptAPI界面，开发指南->使用须知，其中异步加载

在这里插入图片描述

示例异步加载代码如下

 var script = document.createElement("script");
 script.src = "https://api.map.baidu.com/api?v=3.0&ak=自己的密钥&callback=initialize";
 document.body.appendChild(script);

2.2、使用百度地图script

myGeo.getPoint()
第一个参数：需要解析的地址
第二个参数：回调函数，point为返回的经纬度对象

 var myGeo = new BMap.Geocoder();
 myGeo.getPoint("北京市海淀区上地10街10号",function(point){
     console.log(point);
 })