HTML5技术

HTML地理位置定位 - 代码书生

字号+ 作者:H5之家 来源:博客园 2016-09-02 18:00 我要评论( )

最近公司项目需要做一个类似微信朋友圈的互动交友功能,需要显示用户位置信息,因此在网上查了部分资料,记下demo供以后查看学习:(用到了百度api来实现定位功能) 地理位置测试 gpsPoint; var baiduPoint; var baiduAddress; function getLocation() { (navigato

最近公司项目需要做一个类似微信朋友圈的互动交友功能,需要显示用户位置信息,因此在网上查了部分资料,记下demo供以后查看学习:(用到了百度api来实现定位功能)

地理位置测试 gpsPoint; var baiduPoint; var baiduAddress; function getLocation() { (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showMap, handleError, { enableHighAccuracy: }); } else { alert(); } } function showMap(value) { value.coords.longitude; value.coords.latitude; gpsPoint = new BMap.Point(longitude, latitude); BMap.Convertor.translate(gpsPoint, 0, translateCallback); } translateCallback = function (point) { baiduPoint = point; BMap.Geocoder(); geoc.getLocation(baiduPoint, getCityByBaiduCoordinate); } function getCityByBaiduCoordinate(rs) { baiduAddress = rs.addressComponents; baiduAddress.streetNumber; $().html(address); } function handleError(value) { switch (value.code) { case 1: alert(); break; case 2: alert(); break; case 3: alert(); break; case 4: alert(); break; } } function init() { getLocation(); } window.onload = init;

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5移动开发学习笔记 - lyzh

    HTML5移动开发学习笔记 - lyzh

    2016-08-30 14:00

  • HTML5自定义属性之data-* - 缥缈飞云

    HTML5自定义属性之data-* - 缥缈飞云

    2016-08-26 13:00

  • html5 canvas首屏自适应背景动画循环效果代码 - 上善如水211

    html5 canvas首屏自适应背景动画循环效果代码 - 上善如水211

    2016-08-23 16:00

  • 关于HTML面试题汇总之visibility - 小龙女先生

    关于HTML面试题汇总之visibility - 小龙女先生

    2016-08-23 13:00

网友点评