您的位置：首页 > Web前端 > HTML5

html5---百度地图定位

2015-05-12 21:42 211 查看

<!DOCTYPE HTML>
<html>
<head>
<style>
#map{
width:1000px;height:1000px;
}
</style>
</head>
<body>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.5&ak=ED2d81c757f7791bca47640cce651789"></script>
<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.NavigationControl());               // 添加平移缩放控件
map.addControl(new BMap.ScaleControl());                    // 添加比例尺控件
map.addControl(new BMap.OverviewMapControl());              //添加缩略地图控件
map.enableScrollWheelZoom();                            //启用滚轮放大缩小
map.addControl(new BMap.MapTypeControl());          //添加地图类型控件
map.setCurrentCity("北京");          // 设置地图显示的城市 此项是必须设置的
var local = new BMap.LocalSearch(map, {
renderOptions: {map: map, panel: "r-result"}
});
local.search("学校")
}
function error (errorCode) {
alert(errorCode.code+"--"+errorCode.message);
}
var options={};
if(navigator.geolocation){
navigator.geolocation.getCurrentPosition(success,error,options)
}else{
alert("您的浏览器out了");
}
</script>
<div id="map">
</div>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html5 百度地图

相关文章推荐

新的分享

章节导航