html5移动端根据百度地图api获取详细地址
2023-09-14 08:56:58 时间
<script type="text/javascript" src="js/BMap.js" ></script> <script type="text/javascript"> // 扩展API是否准备好,如果没有则监听“plusready"事件 if(window.plus){ plusReady(); }else{ document.addEventListener( "plusready", plusReady, false ); } // 扩展API准备完成后要执行的操作 function plusReady(){ var map = new BMap.Map("allmap"); var longitude, latitude; navigator.geolocation.getCurrentPosition(function (position) { longitude = position.coords.longitude; latitude = position.coords.latitude; }); setTimeout(function () { var gpsPoint = new BMap.Point(longitude, latitude); BMap.Convertor.translate(gpsPoint, 0, function (point) { var geoc = new BMap.Geocoder(); geoc.getLocation(point, function (rs) { var addComp = rs.addressComponents; alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber); }); }); }, 3000); } </script>
BMap.js:
(function(){ window.BMap_loadScriptTime = (new Date).getTime(); document.write('<script type="text/javascript" src="http://api.map.baidu.com/getscript?v=1.3"></script>'); document.write('<link rel="stylesheet" type="text/css" href="http://api.map.baidu.com/res/13/bmap.css"/>'); //2011-7-25 function load_script(xyUrl, callback){ var head = document.getElementsByTagName('head')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.src = xyUrl; //借鉴了jQuery的script跨域方法 script.onload = script.onreadystatechange = function(){ if((!this.readyState || this.readyState === "loaded" || this.readyState === "complete")){ callback && callback(); // Handle memory leak in IE script.onload = script.onreadystatechange = null; if ( head && script.parentNode ) { head.removeChild( script ); } } }; // Use insertBefore instead of appendChild to circumvent an IE6 bug. head.insertBefore( script, head.firstChild ); } function translate(point,type,callback){ var callbackName = 'cbk_' + Math.round(Math.random() * 10000); //随机函数名 var xyUrl = "http://api.map.baidu.com/ag/coord/convert?from="+ type + "&to=4&x=" + point.lng + "&y=" + point.lat + "&callback=BMap.Convertor." + callbackName; //动态创建script标签 load_script(xyUrl); BMap.Convertor[callbackName] = function(xyResult){ delete BMap.Convertor[callbackName]; //调用完需要删除改函数 var point = new BMap.Point(xyResult.x, xyResult.y); callback && callback(point); } } window.BMap = window.BMap || {}; BMap.Convertor = {}; BMap.Convertor.translate = translate; })();
相关文章
- 苹果cms和海洋cms通用的百度主动推送工具
- 利用百度词典API和Volley网络库开发的android词典应用
- 百度云和微信账号接入
- 利用HTML5定位功能,实现在百度地图上定位(转)
- 百度分享怎么 自定义图片分享 【原创】
- 使用 ABAP 代码向百度网站发起请求并收到回应
- Atitit 同样是音频输入,AUX接口和麦克风接口有何区别 目录 1.1. 同样是音频输入,AUX接口和麦克风接口有何区别?_百度知道 1 1.2. Aux作用 1 1.3. Aux不能连接普通麦
- 仿百度导航跟随效果demo效果示例(整理)
- 2022最新Android面试题及答案整理(共计4176页PDF)包含腾讯、字节、百度、小米、阿里等大厂面试真题
- Android性能优化实战解析(腾讯、字节、阿里、百度、网易...)互联网公司项目实战+案例分析
- 已解决Python调用免费申请的百度图形识别接口案例
- 百度开源其NLP主题模型工具包,文本分类等场景可直接使用L——LDA进行主题选择本质就是降维,然后用于推荐或者分类