百度地图【转】 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  

<html xmlns="http://www.w3.org/1999/xhtml">  

<head>  

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  

<title>百度地图</title>  

<style type="text/css">  

html{height:100%}  

body{height:100%;margin:0px;padding:0px}  

#container{height:100%}  

</style>  

<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>  

</head>  

<body>  

<div id="container"></div>  

<script type="text/javascript">  

localSearch();  

//deploySearch();  

//rimSearch();  

//boundsSearch();  

//busLine();  

//drivingLine();  

  

//根据关键这搜索区域  

function localSearch(){  

var map = new BMap.Map("container"); // 创建地图实例  

map.addControl(new BMap.NavigationControl());//地图控制插件，该插件可以控制地图的位置地图的显示比例  

map.addControl(new BMap.ScaleControl());//显示在地图下方，告诉你地图上1cm对应的真实距离  

//map.addControl(new BMap.OverviewMapControl());  

map.addControl(new BMap.MapTypeControl());//地图的显示类型：包括地图和卫星  

//确定搜索对象  

var local=new BMap.LocalSearch(map,{  

renderOptions:{map:map}  

});  

//根据关键字定义到相应的区域  

local.search("南京");  

}  

  

//搜索北京市里的中关村,只显示8个结果  

function deploySearch(){  

var map=new BMap.Map("container");  

map.addControl(new BMap.NavigationControl());  

var local=new BMap.LocalSearch("北京市",{  

renderOptions:{  

map:map,  

autoViewport:true,  

selectFirstResult:true  

},  

pageCapacity:8  

});  

local.search("中关村");  

}  

  

//在南京玄武湖附近搜索小吃  

function rimSearch(){  

var map = new BMap.Map("container");   

var point = new BMap.Point(118.783557,32.053502); // 创建点坐标  

map.centerAndZoom(point,15); // 初始化地图，设置初始点为南京  

map.addControl(new BMap.NavigationControl());   

var local = new BMap.LocalSearch(map, {   

renderOptions:{map: map, autoViewport: true}   

});   

local.searchNearby("小吃", "玄武湖");   

}  

  

//当前地图视野范围内搜索银行  

function boundsSearch(){  

var map = new BMap.Map("container");   

//地点为北京  

map.centerAndZoom(new BMap.Point(116.404, 39.915), 14);   

map.addControl(new BMap.NavigationControl());  

var local = new BMap.LocalSearch(map, {   

renderOptions:{map: map}   

});   

//搜索地图视野内的银行  

local.searchInBounds("银行", map.getBounds());   

}  

  

//公交导航的区域范围只能是市，下面是南京市天隆寺到玄武湖的公交路线  

function busLine(){  

var map = new BMap.Map("container");   

//地点为南京  

map.centerAndZoom(new BMap.Point(118.783557,32.053502), 14);   

map.addControl(new BMap.NavigationControl());  

var transit = new BMap.TransitRoute(map, {   

renderOptions: {map: map}   

});   

transit.search("天隆寺", "玄武湖");   

}  

  

//南京从天隆寺到玄武湖驾车路线  

function drivingLine(){  

var map = new BMap.Map("container");   

//地点为南京  

map.centerAndZoom(new BMap.Point(118.783557,32.053502), 14);   

map.addControl(new BMap.NavigationControl());  

var driving = new BMap.DrivingRoute(map, {   

renderOptions: {   

map: map,   

autoViewport: true   

}   

});   

driving.search("天隆寺", "玄武湖");  

}  

</script>  

</body>  

</html>

 

posted @ 2013-05-03 16:22  edwin_sh  阅读(297)  评论(0)  编辑  收藏  举报