百度地图应用-gps如何精准地转换成百度定位图标
2017-10-31 15:22
651 查看
出现的问题:html5获取gps数据有延迟,必须在回调函数中才能获取经纬度,所以把转换逻辑都放到回调中了。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=e6t46sH8uiGNSQpLRh4Emy1evqKS6W1q"></script>
<script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>
<title>GPS转百度</title>
</head>
<body>
<div id="allmap"></div>
</body>
</html>
<script type="text/javascript">
var xx,yy,gpsPoint;
navigator.geolocation.getCurrentPosition(function (position) {
var xx = position.coords.longitude;
var yy = position.coords.latitude;
gpsPoint = new BMap.Point(xx,yy);
//地图初始化
var bm = new BMap.Map("allmap");
bm.centerAndZoom(gpsPoint, 15);
bm.addControl(new BMap.NavigationControl());
//添加谷歌marker和label
var markergps = new BMap.Marker(gpsPoint);
bm.addOverlay(markergps); //添加GPS标注
var labelgps = new BMap.Label("我是GPS标注哦",{offset:new BMap.Size(20,-10)});
markergps.setLabel(labelgps); //添加GPS标注
//坐标转换完之后的回调函数
translateCallback = function (point){
var marker = new BMap.Marker(point);
bm.addOverlay(marker);
var l
4000
abel = new BMap.Label("我是百度标注哦",{offset:new BMap.Size(20,-10)});
marker.setLabel(label); //添加百度label
bm.setCenter(point);
alert(point.lng + "," + point.lat);
}
setTimeout(function(){
BMap.Convertor.translate(gpsPoint,0,translateCallback); //真实经纬度转成百度坐标
}, 2000);
});
</script>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=e6t46sH8uiGNSQpLRh4Emy1evqKS6W1q"></script>
<script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>
<title>GPS转百度</title>
</head>
<body>
<div id="allmap"></div>
</body>
</html>
<script type="text/javascript">
var xx,yy,gpsPoint;
navigator.geolocation.getCurrentPosition(function (position) {
var xx = position.coords.longitude;
var yy = position.coords.latitude;
gpsPoint = new BMap.Point(xx,yy);
//地图初始化
var bm = new BMap.Map("allmap");
bm.centerAndZoom(gpsPoint, 15);
bm.addControl(new BMap.NavigationControl());
//添加谷歌marker和label
var markergps = new BMap.Marker(gpsPoint);
bm.addOverlay(markergps); //添加GPS标注
var labelgps = new BMap.Label("我是GPS标注哦",{offset:new BMap.Size(20,-10)});
markergps.setLabel(labelgps); //添加GPS标注
//坐标转换完之后的回调函数
translateCallback = function (point){
var marker = new BMap.Marker(point);
bm.addOverlay(marker);
var l
4000
abel = new BMap.Label("我是百度标注哦",{offset:new BMap.Size(20,-10)});
marker.setLabel(label); //添加百度label
bm.setCenter(point);
alert(point.lng + "," + point.lat);
}
setTimeout(function(){
BMap.Convertor.translate(gpsPoint,0,translateCallback); //真实经纬度转成百度坐标
}, 2000);
});
</script>
相关文章推荐
- 关于GPS定位经纬度到谷歌(google)坐标以及百度(百度)坐标的转换c#源码
- ISO GPS定位,坐标转换以及如何显示
- 百度地图 gps转换百度坐标 添加自定义标签 (标记)
- 【Android架构GPS篇】之定位数据如何从GPS芯片到应用层
- Arcgis andoid开发之应用百度地图接口实现精准定位与显示
- GPS定位为什么要转换处理?高德地图和百度地图坐标处理有什么不一样?
- Arcgis andoid开发之应用百度地图接口实现精准定位与显示
- Arcgis andoid开发之应用百度地图接口实现精准定位与显示
- 如何正确获取百度定位Keystore,解决百度地图不显示问题
- 【Android架构GPS篇】之定位数据如何从GPS芯片到应用层(一)
- 如何利用百度地区定位到城市名
- html5如何利用百度地图快速的定位经纬度
- 经由过程百度地图API,将百度坐标转换成GPS经纬度
- iOS如何在应用中添加图标更换功能
- android 如何实现无启动界面和应用图标的
- GPS经纬度转换为百度坐标
- 【微营销】第8天 微营销实战技巧之如何定位精准客户
- 点击启动图标如何定位到App上次打开的页面
- 百度坐标转换GPS坐标
- [转]如何把一个Windows Phone 7 Twitter应用转换成新浪微博客户端