html鼠标地图,百度地图Api进阶教程-地图鼠标左右键操作实例和鼠标样式6.html

14.1

functioninitialize() {varmap= newBMap.Map("container", { minZoom:12, maxZoom:25});

map.centerAndZoom("成都",13);

map.enableScrollWheelZoom(true);//---------------------------------------------鼠标右键(放大，缩小)操作---------------------------------------------

varmenu= newBMap.ContextMenu();//右键菜单

vartxtMenuItem=[//右键菜单项目

{

text:‘放大‘,

callback:function() { map.zoomIn() }

},

{

text:‘缩小‘,

callback:function() { map.zoomOut() }

},

{

text:‘放置到最大级‘,

callback:function() { map.setZoom(18) }

},

{

text:‘查看全国‘,

callback:function() { map.setZoom(4) }

},

{

text:‘在此添加标注‘,

callback:function(p) {varmarker= newBMap.Marker(p), px=map.pointToPixel(p);

map.addOverlay(marker);

}

}

];for(vari= 0; i

menu.addItem(newBMap.MenuItem(txtMenuItem[i].text, txtMenuItem[i].callback,100));//菜单添加项目

if(i== 1 ||i== 3) {

menu.addSeparator();//添加右键菜单的分割线

}

}

map.addContextMenu(menu);//---------------------------------------------改变鼠标样式---------------------------------------------

//需要自己制作。cur格式的静态光标

//map.setDefaultCursor("url(‘01.cur‘)"); //设置地图默认的鼠标指针样式

//map.setDraggingCursor("url(‘03.cur‘)"); //设置地图拖拽时的鼠标指针样式

}functionloadScript() {varscript=document.createElement("script");

script.src= "http://api.map.baidu.com/api?v=1.4&callback=initialize";

document.body.appendChild(script);

}

window.οnlοad=loadScript;

1