<!DOCTYPE html> <html lang="en"> <head> <title>地理定位</title> <meta charset="utf-8"> <style> body, html,#map { 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";} </style> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=rdDa3ErxDVOjn9LPD4ocvp08sFG0u1BV"> </script> </head> <body> <script> function success(position ) { var la=position.coords.latitude; var lo=position.coords.longitude; var map = new BMap.Map("map"); // 创建Map实例 map.centerAndZoom(new BMap.Point(lo, la), 15); // 初始化地图,设置中心点坐标和地图级别 map.addControl(new BMap.MapTypeControl()); //添加地图类型控件 map.setCurrentCity("广州 "); // 设置地图显示的城市 此项是必须设置的 map.enableScrollWheelZoom(true); } function error() { alert("不能获取"); } var options={}; if(navigator.geolocation) { navigator.geolocation.getCurrentPosition(success,error,options); } else { alert("你的浏览器不支持"); } </script> <div id="map"></div> </body> </html>
2017-09-12 20:14:22