ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

百度地图使用

2019-11-12 10:01:05  阅读:443  来源: 互联网

标签:map point ak 地图 BMap 使用 var new 百度


百度地图生成ak地址:http://lbsyun.baidu.com/apiconsole/key

1.根据位置获取到经纬度

①第一种方法:(ak必须要是服务端)

http://api.map.baidu.com/geocoding/v3/?address=地址名&output=json&ak=自己生成的ak&callback=showLocation

②第二种方法:(ak必须要是浏览器端)不推荐使用

 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=QyqQg26fE1SFaYm0WNuTm18GL2aIh3El"></script> var map = new BMap.Map("allmap");     var point = new BMap.Point(116.331398,39.897445);     map.centerAndZoom(point,12);     // 创建地址解析器实例     var myGeo = new BMap.Geocoder();     // 将地址解析结果显示在地图上,并调整地图视野     myGeo.getPoint("北京市海淀区上地10街", function(point){         console.log(point) //获取到经纬度    //下面是在页面展示地图时使用,如果不需要则不需要往下看         // if (point) {         //  map.centerAndZoom(point, 16);         //  map.addOverlay(new BMap.Marker(point));         // }else{         //  alert("您选择地址没有解析到结果!");         // }     }, "北京市");

2. 根据经纬度获取到位置(ak必须要是浏览器端)

<script type="text/javascript"  src="http://api.map.baidu.com/api?v=3.0&ak=QyqQg26fE1SFaYm0WNuTm18GL2aIh3El"></script> var point = new BMap.Point(116.331398, 39.897445);//用所定位的经纬度查找所在地省市街道等信息 var gc = new BMap.Geocoder(); gc.getLocation(point, function (rs) {      console.log(rs)  });

标签:map,point,ak,地图,BMap,使用,var,new,百度
来源: https://www.cnblogs.com/mcll/p/11839998.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有