$(function () {
initMap_zb();
initMap_fb();
});
var map_zb;
var map_fb;
function initMap_zb() {
createMap_zb();//创建地图
setMapEvent(map_zb);//设置地图事件
//addMapControl(map_zb);//向地图添加控件
addMapOverlay_zb(map_zb);//向地图添加覆盖物
}
function initMap_fb() {
createMap_fb();//创建地图
setMapEvent(map_fb);//设置地图事件
//addMapControl(map_fb);//向地图添加控件
addMapOverlay_fb(map_fb);//向地图添加覆盖物
}
function createMap_zb() {
map_zb = new BMap.Map("map_zb");
map_zb.centerAndZoom(new BMap.Point(116.238541, 40.210764), 18);
}
function createMap_fb() {
map_fb = new BMap.Map("map_fb");
map_fb.centerAndZoom(new BMap.Point(90, 40), 6);
}
function setMapEvent(map) {
map.enableScrollWheelZoom();
map.enableKeyboard();
map.enableDragging();
map.enableDoubleClickZoom()
}
function addClickHandler(target, window) {
target.addEventListener("click", function () {
target.openInfoWindow(window);
});
}
function addMapOverlay_zb(map) {
var content = '
' +
'
' +
'北京总部:010-57325131\n' +
'400-9691-226(24小时服务热线)
地址:北京市昌平区科技园区超前路甲1号17号楼401室' +
'
';
//创建检索信息窗口对象
var searchInfoWindow = null;
searchInfoWindow = new BMapLib.SearchInfoWindow(map, content, {
title: "北京太阳成集团tyc234cc科技有限公司", //标题
width: 250, //宽度
height: 120, //高度
panel: "panel", //检索结果面板
enableAutoPan: true, //自动平移
searchTypes: []
});
var marker = new BMap.Marker(new BMap.Point(116.238541, 40.210764)); //创建marker对象
marker.enableDragging(); //marker可拖拽
marker.addEventListener("click", function (e) {
searchInfoWindow.open(marker);
})
map.addOverlay(marker); //在地图中添加marker
searchInfoWindow.open(marker);
}
var markers_fb = [
{
content: '武汉市东湖高新区华中科技大学科技园现代服务业示范基地4号楼湖北青创园10层2号房
', title: "武汉子公司", imageOffset: { width: -46, height: -21 }, position: { lat: 114.408114, lng: 30.45879 }, opts: {
width: 200,
height: 100,
title: "武汉子公司",
enableMessage: true
}
}, {
content: '山东省济南市历城区华山街道丑父路136号龙商大厦703
', title: "山东办事处", imageOffset: { width: -46, height: -21 }, position: { lat: 117.083836, lng: 36.751397 }, opts: {
width: 200,
height: 80,
title: "山东办事处",
enableMessage: true
}
}, {
content: '成都市成华区锦绣大道4749号西希中环国际605室
', title: "四川子公司", imageOffset: { width: -46, height: -21 }, position: { lat: 104.142289, lng: 30.632128 }, opts: {
width: 200,
height: 80,
title: "重庆办事处",
enableMessage: true
}
}, {
content: '苏州市吴中区石湖西路188号万达广场西楼7楼706室
', title: "苏州公司", imageOffset: { width: -46, height: -21 }, position: { lat: 120.612975, lng: 31.259624 }, opts: {
width: 200,
height: 80,
title: "苏州公司",
enableMessage: true
}
}
];
function addMapOverlay_fb(map) {
for (var i = 0; i < markers_fb.length; i++) {
var fb = markers_fb[i];
var marker = new BMap.Marker(new BMap.Point(fb.position.lat, fb.position.lng)); //创建marker对象
marker.enableDragging(); //marker可拖拽
marker.addEventListener("click", function (e) {
openInfo(map, e);
});
map.addOverlay(marker); //在地图中添加marker
}
}
function openInfo(map, e) {
var p = e.target;
var lng = parseInt(p.getPosition().lng);
var lat = parseInt(p.getPosition().lat);
var point = new BMap.Point(p.getPosition().lng, p.getPosition().lat);
var fb;
if (lng== 114 && lat == 30) {
fb = markers_fb[0];
} else if (lng == 117 && lat == 36) {
fb = markers_fb[1];
} else if (lng == 104 && lat == 30) {
fb = markers_fb[2];
} else {
fb = markers_fb[3];
}
var infoWindow = new BMap.InfoWindow(fb.content, fb.opts); // 创建信息窗口对象
map.openInfoWindow(infoWindow, point); //开启信息窗口
}
//向地图添加控件
function addMapControl(map) {
var scaleCtrl = new window.BMap.ScaleControl({ anchor: BMAP_ANCHOR_TOP_LEFT});
map.addControl(scaleCtrl);
}