PS: 观看源码的时候是不是被吓着了？ 呵呵 其实是 div 中的东西其实几乎都是 百度地图自动生成的
贴源码：
@{
Layout = null;
}
@model List<string>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="@Url.Content("~/Content/js/jquery.js")" type="text/javascript"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.5&ak=E2146a0ce878f1801d894b1a4e6161c5"></script>
<title>酒店地图</title>
<script type="text/javascript">
$(function () {
var shi = "@Model[1]"; // 城市名称
var dizhi = "@Model[0]"; // 具体地址 如：将台路6号 这样的
myfunction(shi, dizhi, "酒店"); // 在附件查找的类型
$("#mapNav li a").click(function () {
var shi = "@Model[1]";
var dizhi = "@Model[0]";
var str = $(this).attr("leixin");
myfunction(shi, dizhi, str);
});
});
function myfunction(cs, dizhi, leixin) {
var map = new BMap.Map("container");
var point = new BMap.Point(cs);
map.centerAndZoom(point, 16);
map.addControl(new BMap.NavigationControl()); //添加默认缩放平移控件
map.addControl(new BMap.MapTypeControl({ mapTypes: [BMAP_NORMAL_MAP, BMAP_HYBRID_MAP] })); //2D图，卫星图
map.addControl(new BMap.OverviewMapControl());
map.enableScrollWheelZoom(); //启用滚轮放大缩小，默认禁用
map.enableContinuousZoom(); //启用地图惯性拖拽，默认禁用
// 创建地址解析器实例
var myGeo = new BMap.Geocoder();
// 将地址解析结果显示在地图上,并调整地图视野
myGeo.getPoint(dizhi, function (point) {
if (point) {
map.centerAndZoom(point, 16);
map.addOverlay(new BMap.Marker(point));
var local = new BMap.LocalSearch(map, {
renderOptions: { map: map
}
});
local.searchInBounds(leixin, map.getBounds());
}
}, "全国");
};
</script>
<style type="text/css">
ul, ol, li
{
list-style: none;
}
/*地图*/
.HotelMapBd
{
width: 658px;
height: 698px;
border: 1px solid #ededed;
position: relative;
overflow: hidden;
}
.MapPosTipBd
{
position: absolute;
width: 280px;
overflow: hidden;
zoom: 1;
float: left;
border: 1px solid #ededed;
background: #fff;
left: 50px;
top: 50px;
padding: 15px;
}
.MapPosClsIcon
{
width: 12px;
height: 10px;
overflow: hidden;
background-position: -44px -184px;
display: block;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
}
.MapPosClsIcon:hover
{
background-position: -59px -184px;
}
.MapPosLeft
{
float: left;
width: 102px;
overflow: hidden;
}
.MapPosLeft img
{
display: block;
width: 95px;
height: 70px;
float: left;
padding: 2px;
border: 1px solid #e7e7e7;
}
.MapPosIfLink
{
width: 95px;
height: 24px;
background-position: 0 0;
margin: 8px 0 0 2px;
display: inline-block;
overflow: hidden;
line-height: 24px;
line-height: 26px\9;
text-align: center;
color: #fff;
}
.MapPosIfLink:hover
{
color: #fff;
background-position: 0 -25px;
}
.MapPosRight
{
float: right;
width: 168px;
}
.MapPosRight h4
{
font-weight: 700;
color: #222;
}
.MapPosRight p
{
line-height: 18px;
padding-top: 5px;
}
.MapTotelTipList
{
float: left;
width: 100%;
border-top: 1px solid #d9d9d9;
margin-top: 6px;
padding-top: 6px;
}
.MapTotelTipList li
{
float: left;
width: 100%;
font-family: Verdana;
}
.MapTotelTipList li a
{
display: block;
line-height: 21px;
cursor: pointer;
float: left;
width: 100%;
}
.MapTotelTipList li a span.MttlSp_1, .MapTotelTipList li a span.MttlSp_2
{
float: right;
color: #4274b9;
}
.MapTotelTipList li a span.MttlSp_2
{
position: relative;
top: -1px;
}
.MapTotelTipList li a span.MttlSp_1
{
width: 33px;
text-align: right;
position: relative;
top: 1px\9;
}
.MapTotelTipList li a:hover, .MapTotelTipList li a:hover span
{
color: #f60;
}
.MapTotelTipList li a:visited, .MapTotelTipList li a:visited span
{
color: Blue;
}
.HotelMapNavBd
{
padding: 10px;
overflow: hidden;
zoom: 1;
width: 280px;
}
.HotelMapNavList
{
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
overflow: hidden;
zoom: 1;
padding: 5px 0;
}
.HotelMapNavList li
{
float: left;
overflow: hidden;
width: 64px;
height: 70px;
padding-left:10px;
}
.HotelMapNavList a
{
float: left;
text-align: center;
display: inline;
line-height: 30px;
cursor: pointer;
overflow: hidden;
width: 56px;
padding-top: 6px;
height: 64px;
}
.HotelMapNavList a:hover
{
background: #f5f5f5;
}
.mapNavSelect
{
background: #f5f5f5;
}
.HotelMapNavList a .HnavIcon
{
display: block;
background: url(../../Content/HotelMapNav.gif) 0 0 no-repeat;
height: 30px;
}
.HotelMapNavList a .HnavIcon_Hotel
{
background-position: center 0;
}
.HotelMapNavList a .HnavIcon_Food
{
background-position: center -30px;
}
.HotelMapNavList a .HnavIcon_Pcar
{
background-position: center -60px;
}
.HotelMapNavList a .HnavIcon_Moive
{
background-position: center -90px;
}
.HotelMapNavList a .HnavIcon_Subway
{
background-position: center -120px;
}
.HotelMapNavList a .HnavIcon_Spot
{
background-position: center -150px;
}
.HotelMapNavList a .HnavIcon_Shop
{
background-position: center -180px;
}
.HotelMapNavList a .HnavIcon_Ma
百度地图（初始化通过地址定位附件查找）
2星 需积分: 6 12 浏览量
2013-12-17
15:42:30
上传
评论
收藏 321KB 7Z 举报 
.7z （27个子文件） 
使用说明.txt 10KB
地图（通过具体地址定位，加附件查找）.htm 52KB
地图（通过具体地址定位，加附件查找）_files 
markers.png 7KB saved_resource(8) 12KB phone.png 983B saved_resource(9) 11KB iw3.png 8KB saved_resource(7) 10KB getscript 79KB saved_resource(4) 13KB copyright_logo.png 3KB saved_resource(6) 13KB iws3.png 9KB saved_resource(11) 11KB jquery.js 56KB saved_resource(1) 11KB saved_resource(3) 13KB marker_red_sprite.png 2KB
HotelMapNav.gif 3KB api 238B spotmkrs.png 107KB iw_close1d3.gif 73B saved_resource(5) 14KB iw_plus1d3.gif 59B saved_resource 12KB saved_resource(2) 11KB saved_resource(10) 13KB资源评论
qq14591454652015-01-18用这段更好： function sear(result){ var gc = new BMap.Geocoder(); gc.getPoint(result, function(point){ if(point){ map.centerAndZoom(point, 14); map.addOverlay(new BMap.Marker(point)); } }, cityName); }- Sunnuy2013-12-18参考意义不大，没有特点
卓诚致远2015-03-27给两分是辛苦分. 真的不怎么的,没有点参考价值!
