Key code:
Addmenu: function (menuitem) {/// <summary> /// right-click a map and choose /// eg: /// var menuitem = [// {// text: 'zoomed in ', // callback: function () {window. bmap. zoomin ()} //}, // {// text: 'downsize', // callback: function () {window. bmap. zoomout ()} //]; // </Summary> // <Param name = "menuitem"> menuitem </param> If (menuitem. length> 0) {var menu = new bmap. contextmenu (); For (VAR I = 0; I <menuitem. length; I ++) {menu. additem (New bmap. menuitem (menuitem [I]. text, menuitem [I]. callback, 100);} window. bmap. addcontextmenu (menu );}}
Code usage:
Function createcontextmenu () {// <summary> /// right-click the map creation menu /// </Summary> var txtmenuitem = [// {// text: 'create coordinate ', // callback: function (e) {// var lat = E. lat; // var lng = E. LNG; // $ ("# xlat "). val (LAT); // $ ("# ylong "). val (LNG); // createmarker (LNG, Lat); //}, {text: 'create start coordinate ', callback: function (E) {var lat = E. lat; var lng = E. LNG; $ ("# X1 "). val (LAT); $ ("# Y1 "). val (LNG); createmarker (LNG, Lat) ;},{ text: 'create end coordinate ', callback: function (e) {var lat = E. lat; var lng = E. LNG; $ ("# X2 "). val (LAT); $ ("# Y2 "). val (LNG); createmarker (LNG, Lat) ;}}]; bmaputils. addmenu (txtmenuitem );}
Code effect:
As you can see, Baidu map's right-click implementation is much easier than Google map's;
The code here is based on: Baidu map javascript API V2.0
Hope this is helpful!
[Baidu map] Right-click a menu