1. 程式人生 > >百度地圖介面呼叫

百度地圖介面呼叫

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(); }