<style type="text/css">
* {
height: 100%; // 设置高度，不然会显示不出来 } </style> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的AK码"></script> <script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script> <script> $(function() { navigator.geolocation.getCurrentPosition(translatePoint); //定位 }); function translatePoint(position) { var currentLat = position.coords.latitude; var currentLon = position.coords.longitude; /* alert('经度'+currentLat+'，纬度'+currentLon); */ var gpsPoint = new BMap.Point(currentLon, currentLat); BMap.Convertor.translate(gpsPoint, 0, initMap); //转换坐标 } function initMap(point) { //初始化地图 map = new BMap.Map("map"); map.addControl(new BMap.NavigationControl()); map.addControl(new BMap.ScaleControl()); map.addControl(new BMap.OverviewMapControl()); map.centerAndZoom(point, 15); map.addOverlay(new BMap.Marker(point)) } </script><body>
<div id="map"></div> </body>
如有BUG或者需要jar包，加我微信！