html5定位并在百度地图上显示的示例_html5教程技巧

navigator.geolocation.getCurrentPosition(callback);

var map = new BMap.Map("mapDiv");//mapDiv为放地图的 div 的 id
map.addControl(new BMap.NavigationControl());
map.addControl(new BMap.ScaleControl());
map.addControl(new BMap.OverviewMapControl());
map.centerAndZoom(point, 15);//point为坐标点，15为地图缩放级别，最大级别是 18
var pointMarker = new BMap.Marker(point);
map.addOverlay(pointMarker);

BMap.Convertor.translate(gpsPoint, 0, callback);
//gpsPoint：转换前坐标，第二个参数为转换方法，0表示gps坐标转换成百度坐标，callback回调函数，参数为新坐标点

<script><br /> $(function(){<br /> navigator.geolocation.getCurrentPosition(translatePoint); //定位<br /> });<br /> function translatePoint(position){<br /> var currentLat = position.coords.latitude;<br /> var currentLon = position.coords.longitude;<br /> var gpsPoint = new BMap.Point(currentLon, currentLat);<br /> BMap.Convertor.translate(gpsPoint, 0, initMap); //转换坐标<br /> }<br /> function initMap(point){<br /> //初始化地图<br /> map = new BMap.Map("map");<br /> map.addControl(new BMap.NavigationControl());<br /> map.addControl(new BMap.ScaleControl());<br /> map.addControl(new BMap.OverviewMapControl());<br /> map.centerAndZoom(point, 15);<br /> map.addOverlay(new BMap.Marker(point))<br /> }<br /> </script>