当前位置:编程学习 > JS >>

百度地图api应用之周边搜索实例

 代码如下 复制代码

 

对地图还是入门的认识,来个小小demo:


<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>百度地图Api - 周边搜索</title>
<!-- 引入地图api -->
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2">
</script>
</head>
<body>
<div style="width:520px;height:340px;border:1px solid gray" id="container">
</div>
<script type="text/javascript">
//创建地图
var map = new BMap.Map("container");
//初始化并定位
map.centerAndZoom("深圳");
//加载导航控件
var opts = {type: BMAP_NAVIGATION_CONTROL_SMALL}
map.addControl(new BMap.NavigationControl(opts));
//新增周边搜索
var local = new BMap.LocalSearch(map, {
renderOptions: {
map: map,
autoViewport: true
}
});
map.addEventListener("load", function(){
//搜索
local.searchNearby("步行街", "深圳");
});
</script>
</body>
</html>

补充:网页制作,js教程 
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,