var map;
initMap();
//创建和初始化地图函数:
function initMap() {
createMap();//创建地图
setMapEvent();//设置地图事件
addMapControl();//向地图添加控件
}
function createMap() {
map = new BMap.Map("map", {enableMapClick: false});
var eq_longitude = $('#eq_longitude').val();
var eq_latitude = $('#eq_latitude').val();
var point = new BMap.Point(parseFloat(eq_longitude), parseFloat(eq_latitude));
map.centerAndZoom(point, 13);//绽放级别
var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中
//marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
var opts = {
width: 220, // 信息窗口宽度
height: 100, // 信息窗口高度
title: 标题, // 信息窗口标题
enableMessage: true,//设置允许信息窗发送短息
message: "亲耐滴,晚上一起吃个饭吧?戳下面的链接看下地址喔~"
}
var infoWindow = new BMap.InfoWindow(message, opts); // 创建信息窗口对象
marker.addEventListener("onmouseover", function () {
map.openInfoWindow(infoWindow, point); //开启信息窗口
});
}
//事件
function setMapEvent() {
//map.enableScrollWheelZoom();
map.disableScrollWheelZoom();
map.enableKeyboard();
map.enableDragging();
map.enableDoubleClickZoom();
}
function addClickHandler(target, window) {
target.addEventListener("click", function () {
target.openInfoWindow(window);
});
}
//向地图添加控件
function addMapControl() {
var scaleControl = new BMap.ScaleControl({anchor: BMAP_ANCHOR_BOTTOM_LEFT});
scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
map.addControl(scaleControl);
var navControl = new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE});
map.addControl(navControl);
var overviewControl = new BMap.OverviewMapControl({anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: false});
map.addControl(overviewControl);
map.addControl(new BMap.MapTypeControl());//添加地图类型控件
var stCtrl = new BMap.PanoramaControl(); //构造全景控件
stCtrl.setOffset(new BMap.Size(20, 40));
map.addControl(stCtrl);//添加全景控件
//缩略地图控件
var size = new BMap.Size(180, 180);//缩略图控件的参数
var map_OverView = new BMap.OverviewMapControl({size: size, isOpen: true});
map.addControl(map_OverView);
}
//测距
function myDis_open() {
var myDis = new BMapLib.DistanceTool(map);
myDis.open();
}
百度地图接口调用
最新推荐文章于 2024-05-20 13:56:07 发布