业界动态
微信H5页面嵌入百度地图---解决手机的webKit定位,ios系统对非https网站不提供支持问题
2024-12-10 05:21
微信H5页面嵌入百度地图---解决手机的webKit定位,ios系统对非https网站不提供支持问题 系统对

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=yGQt3GBeFuzNIG9OlnOZ3u4A5H3WcSe5"> </script> <script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script> <script type="text/javascript" src="http://api.map.baidu.com/library/AreaRestriction/1.2/src/AreaRestriction_min.js"></script>

 

//百度地图

var currentLat="",currentLon="";var query="酒店";

function getBaiduMap(){ //百度地图API功能 定位 if(navigator.geolocation ){ navigator.geolocation.getCurrentPosition(translatePoint,locationError); //通过手机的webKit定位(目前ios系统对非https网站不提供支持),所以在locationError()中使用BMap.Geolocation() } else{ tipDialog.show(tip_fail,'温馨提示','浏览器不支持html5来获取地理位置信息'); }

}function locationError(){ var geolocation = new BMap.Geolocation(); geolocation.getCurrentPosition(function(r){ if(this.getStatus()== BMAP_STATUS_SUCCESS){ currentLat = r.point.lat; currentLon = r.point.lng; var gpsPoint = new BMap.Point(currentLon, currentLat); BMap.Convertor.translate(gpsPoint, 0, initMap); //转换坐标 } });}var map= new BMap.Map("allmap"); //转换坐标 function translatePoint(position){ currentLat = position.coords.latitude; currentLon = position.coords.longitude; var gpsPoint = new BMap.Point(currentLon, currentLat); BMap.Convertor.translate(gpsPoint, 0, initMap); //转换坐标 } function initMap(point){ //初始化地图 map.enableScrollWheelZoom(); map.enableKeyboard(); map.enableContinuousZoom(); map.enableInertialDragging(); map.addControl(new BMap.NavigationControl()); map.addControl(new BMap.ScaleControl()); map.addControl(new BMap.OverviewMapControl()); map.setDefaultCursor("crosshair"); map.centerAndZoom(point, 20); var marker1=new BMap.Marker(point); var label = new BMap.Label('当前位置', { offset: new BMap.Size(25, 0) }); label.setStyles({ border: "solid 1px #00f", color: "#00f", padding: "0 5px" }); marker1.setLabel(label); //这里是添加一个文字 ,显示在标注的右边 map.addOverlay(marker1) ; getPonint(currentLon,currentLat,query); } var marker="";//获取百度地图的坐标点function getPonint(currentLon, currentLat,query){ var currenponit=currentLat+","+currentLon; //var currenponit="31.973505,118.746815"; var url="http://api.map.baidu.com/place/v2/search?query="+query+"&location="+currenponit+"&radius=20000&output=json&ak=yGQt3GBeFuzNIG9OlnOZ3u4A5H3WcSe5&callback=?"; //var UR2="http://api.map.baidu.com/place/v2/search?query=%E5%81%9C%E8%BD%A6%E5%9C%BA&location=31.973505,118.746815&radius=200000000&output=json&ak=yGQt3GBeFuzNIG9OlnOZ3u4A5H3WcSe5&callback=?" $.getJSON(url,function(data){ if(data.status==0){ if(marker!=""){ map.clearOverlays();//清除标记点 var gpsPoint = new BMap.Point(currentLon, currentLat); var marker1=new BMap.Marker(gpsPoint); map.centerAndZoom(gpsPoint, 20); var label = new BMap.Label('当前位置', { offset: new BMap.Size(25, 0) }); label.setStyles({ border: "solid 1px #00f", color: "#00f", padding: "0 5px" }); marker1.setLabel(label); //这里是添加一个文字 ,显示在标注的右边 map.addOverlay(marker1) ; } $.each(data.results,function(index,item){ var p0=item.location.lat; var p1=item.location.lng; var point = new BMap.Point(p1, p0); //循环生成新的地图点 var myIcon = new BMap.Icon("http://api.map.baidu.com/img/markers.png", new BMap.Size(23, 25), { offset: new BMap.Size(10, 25), // 指定定位位置 imageOffset: new BMap.Size(0, 0 - 10 * 25) // 设置图片偏移 }); // 将google地图中的经纬度转化为百度地图的经纬度 BMap.Convertor.translate(point, 2, function(point){ marker = new BMap.Marker(point); marker.setIcon(myIcon); map.addOverlay(marker); map.centerAndZoom(point, 15); var info='<p style=’font-size:12px;lineheight:1.8em;’>'+item.name+'</br>地址:'+item.address; if(item.telephone!="" &&item.telephone!=undefined){ info+='</br> 电话:'+item.telephone; } info+='</br></p>'; marker.addEventListener("click",function(){ map.openInfoWindow(new BMap.InfoWindow(info),point); //开启信息窗口 }); }); }); } else{ tipDialog.show(tip_fail,'温馨提示',data.message); }

    以上就是本篇文章【微信H5页面嵌入百度地图---解决手机的webKit定位,ios系统对非https网站不提供支持问题】的全部内容了,欢迎阅览 ! 文章地址:http://fabua.ksxb.net/news/4004.html 
     文章      相关文章      动态      同类文章      热门文章      栏目首页      网站地图      返回首页 海之东岸资讯移动站 http://fabua.ksxb.net/mobile/ , 查看更多   
最新文章
《实战十一人》12月20日内测开启
t2627_2_2627_1:4.0t1-t0:45.0t2-t1:4.0t3-t2:0.0t4-t3:2.0t5-t4:32.0t6-t5:14.0t7-t6:3.0t8-t7:0.0t9-t8:15.0t10-t9:0.0t11-t10
“报关骗局”阿里云客服《APP》软件无法提现是骗局吗,不正规能追回吗?
〖→被骗请点击进入帮助平台提现追款〗〖→被骗请点击进入帮助平台提现追款〗希望阅读此文的读者能够及时采取措施以减少损失;请
微信公众号点击菜单拉取消息事件推送如何操作?
2、注册成功后,通过用户名和密码登录微号帮平台,立即登录6、粉丝点菜单定时推送:推送信息设置7、推送信息设置:自定义弹出信
p站加速器哪个好?手把手教你怎么进P站?
老司机说的P站是什么?网上很多人都在说P站,而还有不少小白们不懂P站是什么意思,在网上也搜不到答案。其实,P站是有两层意思的
&quot;码海拾贝-趣探1688:免费源码的狂欢&quot;
一瞥眼,成品网站源码1688免费推荐,嘿,这话题不就跟那菜市场里挑挑拣拣的大妈一样,热热闹闹,沸反盈天?今儿个,科技圈里这档
哪些平台最适合进行广告推广?
在当今数字化时代,推广广告已成为企业营销战略的重要组成部分,选择合适的平台进行广告投放对于提高品牌知名度、吸引潜在客户以
东莞外贸建站推广,东莞外贸网站推广,东莞谷歌SEO优化
  在当今全球化的市场环境下,外贸企业越来越依赖于互联网来拓展业务和提高度。为了在激烈的竞争中脱颖而出,提高外贸网站在搜
maya快捷键大全
MAYA快捷键大全免费领取q群:289728818“独学而无友,则孤陋而寡闻!欢迎广大站友进群交流学习Enter 完成当前操作  ~ 终止当前操
外贸网站建设广告/百度下载电脑版
我开始使用 sklearn.naive_bayes.GaussianNB 进行文本分类,并且获得了很好的初始结果 . 我想使用分类器返回的概率作为置
优化博客seo的建议(优化博客seo的建议有哪些)
大家好,今天小编关注到一个比较有意思的话题,就是关于优化博客seo的建议的问题,于是小编就整理了7个相关介绍优化博客seo的建