百度地图API的第一次接触——右键菜单

1.初始化地图

var map = new BMap.Map("container");

var point = new BMap.Point(116.404, 39.915); 

map.centerAndZoom(point, 15);   

window.setTimeout(function(){

    map.panTo(new BMap.Point(116.409, 39.918));

}, 2000);

                     

map.addControl(new BMap.NavigationControl());

map.addControl(new BMap.ScaleControl());

map.addControl(new BMap.OverviewMapControl());

var marker = new BMap.Marker(point);

map.addOverlay(marker); 

 

2.新建右键菜单类

var contextMenu = new BMap.ContextMenu();

 

3.添加一个右键菜单项

contextMenu.addItem(new BMap.MenuItem("打开信息窗口",function(e){

    var opts = {

        width : 250,     // 信息窗口宽度

        height: 120,     // 信息窗口高度

        title : "InfoWindow"  // 信息窗口标题

    }

    var infoWindow    = new BMap.InfoWindow("Hello World!", opts);  // 创建信息窗口对象

    map.openInfoWindow(infoWindow, e); //在右键点击位置处打开信息窗

 },120));

 

4.添加一个分隔线

contextMenu.addSeparator();

　contextMenu.addItem(new BMap.MenuItem("关闭信息窗口",function(){
　　map.closeInfoWindow();
　},120));

 

5.将右键菜单加入地图

map.addContextMenu(contextMenu);

 

6.打开浏览器