百度地图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.打开浏览器