<!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="~/Scripts/jquery-1.8.2.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=自己的key"></script>
<title>酒店地图</title>
<script type="text/javascript">
$(function () {
var shi = "北京市";
var dizhi = "将台路6号";
myfunction(shi, dizhi, "酒店");
$("#mapNav li a").click(function () {
var shi = "北京市";
var dizhi = "将台路6号";
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()); //2D图，卫星图
map.addControl(new BMap.OverviewMapControl());
map.enableScrollWheelZoom(); //启用滚轮放大缩小，默认禁用
map.enableContinuousZoom(); //启用地图惯性拖拽，默认禁用
var stCtrl = new BMap.PanoramaControl(); //构造全景控件
stCtrl.setOffset(new BMap.Size(20, 50));
map.addControl(stCtrl);//添加全景控件
// 创建地址解析器实例
var myGeo = new BMap.Geocoder();
// 将地址解析结果显示在地图上,并调整地图视野
myGeo.getPoint(dizhi, function (point) {
if (point) {
map.setCurrentCity(cs);// 告诉地图具体城市否则 3D 和 全景加载不了
map.centerAndZoom(point, 16);// 设置查找范围
map.addOverlay(new BMap.Marker(point)); //向地图上添加图层
// 这个就是查找了
var local = new BMap.LocalSearch(map, {
renderOptions: {
map: map
}
});
local.searchInBounds(leixin, map.getBounds()); // 查找方法。 关键点是 map.getBounds() 返回查找到的地址坐标
}
}, "全国"); // 范围，可以是城市 也可以是 全国 。 只要地址不是特别坑爹基本上用全国 不会出错
};
