使用百度地图进行区域搜索与定位

注意：1、需要引入：jquery-1.7.1.min.js

            2、要在有网络的情况下才能测试，因为引入了百度中的地图地址

地图的CSS样式：

@charset "utf-8";
/* CSS Document */

.map{width:800px;height:404px;text-align:center;float:left;overflow: hidden;}
.map_left{width:601px;float:left;height:380px;border:2px solid #afafaf;}
.map_right{width:193px;float:right;height:380px;border:1px solid #ccc; }
.map_right_bg{width:193px;background:#e4ecf9;height:20px;}
.map_right_top{width:193px;text-align:center;}
.map_right_top_left{float:left;width:90px;height:30px;}
.map_right_top_right{float:right; text-align:left;height:30px;width:90px;}
.map_right_search{width:193px;}
.map_right_search_left{}
.map_right_search_right{}
.map_right_result{width:193px;text-align:left;}

 

主界面代码：

http://www.w3.org/TR/html4/loose.dtd">