js中的百度地图使用
html中的控件
<div class="console" id="map" style="border:1px solid #fff;width:100%;float:left;min-height:400px;">
<fieldset class="demo_content"></fieldset>
</div>
js中的代码
初始化
/** 地图展示 **/
oldBaseLocation=data[0].merchantLocation;
addrPoint=data[0].baseCoordinates;
map_load();
实例
/************************************************* 地图相关 **************************************************/
var addrPoint = "";
var ac;//地图autocomplete对象
var map; //Map实例
function map_init() {
map = new BMap.Map("map");
//第1步:设置地图中心点,广州市
var point = new BMap.Point(104.0709, 30.549355);
//第2步:初始化地图,设置中心点坐标和地图级别。
map.centerAndZoom(point, 14);
//第3步:启用滚轮放大缩小
map.enableScrollWheelZoom(true);
//第4步:向地图中添加缩放控件
var ctrlNav = new window.BMap.NavigationControl({
anchor: BMAP_ANCHOR_TOP_LEFT,
type: BMAP_NAVIGATION_CONTROL_LARGE
});
map.addControl(ctrlNav);
//第5步:向地图中添加缩略图控件
var ctrlOve = new window.BMap.OverviewMapControl({
anchor: BMAP_ANCHOR_BOTTOM_RIGHT,
isOpen: 1
});
map.addContro