百度地图经纬度获取标点与城市编码
2024-04-26 12:33:45
1.获取城市codetype接口
<!DOCTYPE html>
<html lang="en">
<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="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script><script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=OsxPdYYCZlnhoar9L42cbLvzXxHYi6aR"></script><title>浏览器定位</title></head>
<body><div><span id="load_geolocation">点击获取位置</span></div>
</body><script>$(function(){$("#load_geolocation").click(function(ev){$(ev.currentTarget).text("正在获取位置......");//创建百度地图控件var geolocation = new BMap.Geolocation();geolocation.getCurrentPosition(function(r){console.log(r)var adds =r.point;var latitude = adds.lat,longitude = adds.lng; if(this.getStatus() == BMAP_STATUS_SUCCESS){// api.map.baidu.com/address_analyzer/v1?address=北京市海淀区信息路甲九号&ak=OsxPdYYCZlnhoar9L42cbLvzXxHYi6aR&locationhttp://api.map.baidu.com/reverse_geocoding/v3/?ak=OsxPdYYCZlnhoar9L42cbLvzXxHYi6aR&output=json&coordtype=wgs84ll&location=31.225696563611,121.49884033194$.ajax({url:'http://api.map.baidu.com/reverse_geocoding/v3/?ak=OsxPdYYCZlnhoar9L42cbLvzXxHYi6aR&output=json&coordtype=wgs84ll&location=31.225696563611,121.49884033194',dataType: 'jsonp',// callback: 'BMap._rd._cbk43398',success: function(res) {console.log(res);var result = res.result,addressComponent = result.addressComponent,adcode = addressComponent.adcode$(ev.currentTarget).text('城市号码为'+ adcode);}});}else {$(ev.currentTarget).text('定位失败');} },{enableHighAccuracy: true})//指示浏览器获取高精度的位置，默认false});
});
</script>
</html>
2 具体实现
<html>
<head><meta http-equiv="Content-Type" content="text/html" charset="utf-8" /><meta name="viewport" content="initial-scale=1.0, user-scalable=no" /><style type="text/css">body, html{width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}#allmap{height:500px;width:100%;}#r-result{width:100%; font-size:14px;}</style><script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=OsxPdYYCZlnhoar9L42cbLvzXxHYi6aR"></script><title>经纬度转换城市名</title>
</head>
<body><div id="allmap"></div><div id="r-result">经度: <input id="longitude" type="text" style="width:100px; margin-right:10px;" />纬度: <input id="latitude" type="text" style="width:100px; margin-right:10px;" /><input type="button" value="查询" onclick="theLocation()" /><span id="load_geolocation">点击获取位置</span></div>
</body>
</html>
<script src="./jquery-3.5.1.min.js"></script>
<script type="text/javascript">/** 百度api功能配置 */ var map = new BMap.Map("allmap");map.centerAndZoom(new BMap.Point(116.331398,39.897445),11);map.enableScrollWheelZoom(true);var geoc = new BMap.Geocoder();/** theLocation 用经 纬度设置地图中心点new BMap.Marker 创建标注map.addOverlay 将标注添加到地图中*/ function theLocation(){if(document.getElementById("longitude").value != "" && document.getElementById("latitude").value != ""){map.clearOverlays(); var new_point = new BMap.Point(document.getElementById("longitude").value,document.getElementById("latitude").value);var marker = new BMap.Marker(new_point); marker.openInfoWindow()console.log(marker,"marker")convertor(new_point)map.addOverlay(marker); map.panTo(new_point); }}$("#load_geolocation").click(function(ev){$(ev.currentTarget).text("正在获取位置......");getCodeJson()})/* * convertor 经纬度的转器parmas(pt) 具体经纬度http://api.map.baidu.com/?qt=rgc&x=12245277.22&y=4275272.54&dis_poi=100&poi_num=10&latest_admin=1&ie=utf-8&oue=1&fromproduct=jsapi&res=api&callback=BMap._rd._cbk96184&ak=OsxPdYYCZlnhoar9L42cbLvzXxHYi6aR*/function convertor(pt){// geoc.getAddress_detail()console.log(geoc,"geoc")geoc.getLocation(pt, function(rs){console.log(rs,"rs---pt")var addComp = rs.addressComponents;var city=addComp.cityalert(addComp.province + ", " +addComp.city + ", " + addComp.district + ", " +addComp.street + ", " + addComp.streetNumber);geoc.getPoint(rs.address,function(rs){console.log(rs,"--rs--")},city)});}/** 获取百度的code表*/function getCodeJson(){var geolocation = new BMap.Geolocation();geolocation.getCurrentPosition(function(r){var adds =r.point;var latitude = adds.lat,longitude = adds.lng; console.log(r,latitude,longitude,"r")if(this.getStatus() == BMAP_STATUS_SUCCESS){http://api.map.baidu.com/reverse_geocoding/v3/?ak=OsxPdYYCZlnhoar9L42cbLvzXxHYi6aR&output=json&coordtype=wgs84ll&location='+longitude+","+latitude$.ajax({url:'http://api.map.baidu.com/reverse_geocoding/v3/?ak=OsxPdYYCZlnhoar9L42cbLvzXxHYi6aR&output=json&coordtype=wgs84ll&location='+longitude+','+latitude,//url:'http://api.map.baidu.com/geocoder/v3/?ak=OsxPdYYCZlnhoar9L42cbLvzXxHYi6aR&location=' + latitude + ',' + longitude + '&output=json&pois=1',dataType: 'jsonp',// callback: 'BMap._rd._cbk43398',success: function(res) {console.log(res);// var result = res.result,// addressComponent = result.addressComponent,// adcode = addressComponent.adcode// $(ev.currentTarget).text('城市号码为'+ adcode);}});}else {// $(ev.currentTarget).text('定位失败');} },{enableHighAccuracy: true,SDKLocation:true})//指示浏览器获取高精度的位置，默认false}
</script>
<title>经纬度转换城市名</title>
</head>
<body>
</body>
</html>
百度地图经纬度获取标点与城市编码相关推荐
- 根据百度地图经纬度获取位置信息
/*** 根据百度地图经纬度获取位置信息 **/ public class BaiduMapUtils {// 百度地图秘钥static String ak = "此处添加你的百度地图秘钥& ...
- 爬取百度地图，获取城市楼盘信息
有任何需要修正的地方请大家私信,评论. 大佬轻喷@-@ 以下是小项目的需求: *爬取百度地图,获取目标城市楼盘信息, *包括目标楼盘的经纬度,名称,并保存在excel文档中. 大家稍微等下,<这 ...
- 调用百度地图API获取经纬度(详细步骤)
前端调用百度地图API获取经纬度(详细操作) 1. 浏览器搜索百度地图开放平台 2. 创建应用 点击控制台 --> 应用管理 --> 我的应用 --> 注册账号(如果没有注册过) - ...
- 如何引入百度地图和获取精准获取经纬度坐标
引入百度地图 百度地图官网 开发手册 百度地图官网注册用户 -> 控制台 -> 认证用户 -> 创建项目 -> 获取ak密钥 -> 替换js中ak秘钥 < ...
- python获取某地铁站经纬度_python通过百度地图API获取某地址的经纬度详解
前言 这几天比较空闲,就接触了下百度地图的API(开发者中心链接地址:http://developer.baidu.com),发现调用还是挺方便的,本文将给大家详细的介绍关于python通过百度地图A ...
- java后台百度地图经纬度和地址之间的相互转换（通过经纬度获取地址、通过地址获取经纬度）
准备工作: 1.申请百度ak(v1版本的key) 百度地图开放平台链接:http://lbsyun.baidu.com/ 2.百度地图web服务API链接:http://lbsyun.baidu.c ...
- Python3 | 通过百度地图API获取商家详细信息（包括店名，地址，经纬度，电话）
一.打开百度地图开放平台,选择Web服务API . 官方文档对API接口的调用描述的比较详细,在调用之前先要申请百度地图的账号,然后申请密钥,获取密钥的步骤官方也有说明. 二.通过百度地图 ...
- 通过百度地图API获取用户所在地理位置信息
目录 1.密匙申请 2.源代码 3.结果展示 1.密匙申请 使用以下源码前,请先去百度地图开发平台申请密匙,前去申请:立即申请 2.源代码 此次定位代码是通过H5的方式实现的 <html> ...
- android 百度地址转经纬度,百度地图经纬度和地址的相互转换
在使用到百度地图经纬度和地址相互转换的时候,我们最最最首先需要的是集成百度地图,让我们的APP能够拥有百度的jar包功能,然后在我们所需要转换的activity或者fragment中implement ...
- 百度地图利用位置提供服务器,利用百度地图API获取当前位置信息的实例
利用百度地图API可以做很多事情,个人感觉最核心也是最基础的就是定位功能了.这里分享一个制作的JS可以实现登录网页后定位: var map; var gpsPoint; var baiduPoint; ...
最新文章
- java finally 抛出异常_java抛出异常与finally实例解析
- 在 Gitee 上使用 GPG公钥（Beta版）
- 专科python应届生工资多少-阿里员工吐槽：应届生工资太猛，被倒挂，后悔接阿里侮辱性offer...
- EasyUI常用控件禁用方法
- linux创建删除用户和用户组
- paip.文件读写api php java python总结.txt
- Mysql和Oracle索引简介
- MKV文件提取dts音频转化成ac3
- SQLMAP简易使用教程
- 时钟周期、机器周期、指令周期的概念及三者之间的关系；定时器及计数器
- 如何解决DNS解析错误
- 微信开发工具tabBar中的list 图片为啥加载不出来？
- 主动笔驱动芯片市场现状及未来发展趋势
- 认知智能三大技术体系之类脑模型简介
- 那些有趣 Python 库
- Datawhale零基础入门NLP赛事 - Task5 基于深度学习的文本分类2
- 燃气管道定位83KHZ地下电子标识器探测仪ED-8000操作说明1
- S4 HANA中新增公司代码AS01创建资产报错，消息号AA821 “公司代码***没有在资产会计核算模块中定义“
- 【机器学习2】通过WPS，python-最小二乘法，python-skleran 三种方法回归分析
- Makefile:92: recipe for target 'obj/convolutional_kernels.o' failed