百度地图应用之将google坐标转成百度坐标
2016-10-31 22:50
253 查看
<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;font-family:"微软雅黑";} </style> <title>百度地图应用之将google坐标转成百度坐标</title> </head> <body> <div id="allmap"></div> </body> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script> </html> <script type="text/javascript"> var allmap = document.getElementById("allmap"); allmap.style.cssText = "width: 500px;height:600px";//设置地图的宽高 var bm = new BMap.Map("allmap"); //地图初始化 //longitude:经度 latitude:纬度 name:名字 isGoogleCoordinate:是否为谷歌坐标 function showMarker(longitude, latitude, name,isGoogleCoordinate) { // 百度地图API功能 //谷歌坐标 var x = longitude; var y = latitude; var ggPoint = new BMap.Point(x,y); //地图初始化 bm.centerAndZoom(ggPoint, 17); //坐标转换完之后的回调函数 translateCallback = function (data){ if(data.status === 0) { var marker = new BMap.Marker(data.points[0]); bm.addOverlay(marker); var label = new BMap.Label(name,{offset:new BMap.Size(20,-10)}); marker.setLabel(label); //添加百度label bm.centerAndZoom(data.points[0], 17); } } if(isGoogleCoordinate){//如果是谷歌坐标,则调用convertor.translate()进行转换并调用回调函数 var convertor = new BMap.Convertor(); var pointArr = []; pointArr.push(ggPoint); convertor.translate(pointArr, 3, 5, translateCallback); }else{//非谷歌坐标则不需要转换 //添加谷歌marker和label var markergg = new BMap.Marker(ggPoint); bm.addOverlay(markergg); //添加谷歌marker var labelgg = new BMap.Label(name,{offset:new BMap.Size(20,-10)}); markergg.setLabel(labelgg); //添加谷歌label bm.centerAndZoom(ggPoint, 17); } } var longitude = 116.32715863448607; var latitude = 39.990912172420714; var name = "北京"; var isGoogleCoordinate = true; showMarker(longitude,latitude,name,isGoogleCoordinate);//调用 </script>
注:如果不设置地图的宽和高可能会出现无法将坐标定位到显示的中心位置。所需密钥可以通过访问http://lbsyun.baidu.com/apiconsole/key申请获得
相关文章推荐
- Android Java百度地图GPS坐标转换【百度坐标转高德,腾讯】【google坐标转百度坐标】
- iOS基于百度地图的开发(6)——google坐标转换成百度坐标
- 标准GPS坐标、百度、Google经纬度坐标互转在线工具
- 百度 Google 全国 地图 火星坐标 产生原因(记录)
- Google、百度搜索引擎高级应用6/15
- GOOGLE 硬件 GPS 坐标转百度坐标
- Android 百度地图坐标-wgs84 转 百度
- 百度地图应用,设置坐标
- 百度地图坐标转换(gps google 百度坐标相互转换)
- 去百度API的百度地图准确叠加和坐标转换的解决方案研究
- php百度地图坐标绘制矩形 调用百度poi搜索矩形区域内数据
- 关于GPS定位经纬度到谷歌(google)坐标以及百度(百度)坐标的转换c#源码
- 百度地图 gps转换百度坐标 添加自定义标签 (标记)
- 去百度API的百度地图准确叠加和坐标转换的解决方案研究
- GPS经纬度转化为百度地图/Google坐标及互转方案
- 百度地图应用-gps如何精准地转换成百度定位图标
- openlayers3应用(三):百度坐标“纠偏”
- android studio使用百度SDK开发百度地图应用中遇到的问题汇总
- 百度地图开发之GPS转百度坐标
- iOS基于百度地图的开发(7)——百度坐标转换成Google坐标