百度地圖介面呼叫
阿新 • • 發佈:2019-01-03
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();
}