百度地图点击地图获取地址

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>百度地图点击地图获取地址信息</title>
<style>
body, html,#map {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
</style>
</head><body>
<div id="map"></div><script src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>
<script>var map = new BMap.Map("map"); //创建地图到ID元素容器map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 初始化地图,设置中心点坐标和地图级别var geocoder= new BMap.Geocoder(); map.addEventListener("click",function(e){ //给地图添加点击事件geocoder.getLocation(e.point,function(rs){console.log(rs.address); //地址描述(string)console.log(rs.addressComponents);//结构化的地址描述(object)console.log(rs.addressComponents.province); //省console.log(rs.addressComponents.city); //城市console.log(rs.addressComponents.district); //区县console.log(rs.addressComponents.street); //街道console.log(rs.addressComponents.streetNumber); //门牌号console.log(rs.surroundingPois); //附近的POI点(array)console.log(rs.business); //商圈字段，代表此点所属的商圈(string)});});
</script>
</body>
</html>

百度地图点击地图获取地址相关推荐

百度地图点击地图类型控件切换普通地图、卫星图、三维图、混合图（卫星图+路网），右下角是缩略图
百度地图点击地图类型控件切换普通地图.卫星图.三维图.混合图(卫星图+路网),右下角是缩略图 <!DOCTYPE html> <html> <head> < ...
vue项目接入高德地图点击地图获取经纬度及省市区
准备工作,可以先看官方的介绍,JSAPI结合Vue使用,这个不需要在main.js中引入 index.html中 //如果只需要获取经纬度可以跳过这步,经纬度逆解析为详细地址时需要配置这个 <s ...
腾讯地图拾取坐标html,记录腾讯地图点击地图获取标注坐标
传递事件参数 *{ margin:0px; padding:0px; } body, button, input, select, textarea { font: 12px/16px Verdana ...
微信小程序实战 -- map：根据百度地图的api来获取地址信息
先附上实现效果: 实现的功能有:(中间"红色图标"所在位置为选择的定位) 1. 拖动地图,进行定位: 2. 根据输入的内容进行地图定位. 一. 申请秘钥ak ,下载百度地图微 ...
根据百度地图进行IP定位获取地址
1,首先引入百度的api <script type="text/javascript" src="http://api.map.baidu.com/api?v=2. ...
iOS-高德地图点击地图获取点击点对应的地理位置，并添加自定义的大头针
这是我在开发中遇到的问题,如果大家有什么更好的方法或者建议都可以留言给我,不说了直接粘代码吧 ///地图需要v4.5.0及以上版本才必须要打开此选项(v4.5.0以下版本,需要手动配置info.pli ...
java后台百度地图经纬度和地址之间的相互转换（通过经纬度获取地址、通过地址获取经纬度）
准备工作: 1.申请百度ak(v1版本的key) 百度地图开放平台链接:http://lbsyun.baidu.com/ 2.百度地图web服务API链接:http://lbsyun.baidu.c ...
百度地图显示服务器地址,百度地图_根据地图上标记位置获取街道信息，以及经纬度信息...
百度地图Demo var map = new BMap.Map("container");//初始化地图 map.addControl(new BMap.NavigationCon ...
百度地图点击获取定位信息以及定位的经纬度
1.导入地图的js连接 <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0 ...
输入地址查询并获取地址的经纬度-百度地图-JS
demo--百度地图 <!DOCTYPE html> <html> <meta charset="utf-8"> <head th:inc ...

百度地图点击地图获取地址

百度地图点击地图获取地址相关推荐

最新文章

热门文章