会员
周边
众包
新闻
博问
闪存
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
Jakin.zhou
博客园
首页
新随笔
联系
管理
【百度地图API】获取行政区域的边界
<!
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
>
<
script
type
="text/javascript"
src
="http://api.map.baidu.com/api?v=1.3"
>
</
script
>
<
style
type
="text/css"
>
body
{
}
{
font-size
:
13px
;
margin
:
10px
}
#container
{
}
{
width
:
800px
;
height
:
500px
;
border
:
1px solid gray
}
</
style
>
</
head
>
<
body
>
<
div
id
="container"
></
div
>
<
br
/>
输入省、直辖市或县名称:
<
input
type
="text"
id
="districtName"
style
="width:80px"
value
="重庆市"
>
<
input
type
="button"
onclick
="getBoundary()"
value
="获取轮廓线"
>
<
script
type
="text/javascript"
>
var
map
=
new
BMap.Map(
"
container
"
);
map.centerAndZoom(
new
BMap.Point(
116.403765
,
39.914850
),
5
);
map.addControl(
new
BMap.NavigationControl(
{type: BMAP_NAVIGATION_CONTROL_SMALL}
));
map.enableScrollWheelZoom();
function
getBoundary()
{
var
bdary
=
new
BMap.Boundary();
var
name
=
document.getElementById(
"
districtName
"
).value;
bdary.get(name,
function
(rs)
{
//
获取行政区域
map.clearOverlays();
//
清除地图覆盖物
var
count
=
rs.boundaries.length;
//
行政区域的点有多少个
for
(
var
i
=
0
; i
<
count; i
++
)
{
var
ply
=
new
BMap.Polygon(rs.boundaries[i],
{strokeWeight:
2
, strokeColor:
"
#ff0000
"
}
);
//
建立多边形覆盖物
map.addOverlay(ply);
//
添加覆盖物
map.setViewport(ply.getPath());
//
调整视野
}
}
);
}
</
script
>
</
body
>
</
html
>
转自:
http://www.cnblogs.com/milkmap/archive/2012/04/11/2442430.html
posted @
2014-09-29 11:34
Jakin.zhou
阅读(
1599
) 评论(
0
)
编辑
收藏
举报
会员力量,点亮园子希望
刷新页面
返回顶部