var btn = document.getElementById("btn");
var city = document.getElementById("city");
var map = new AMap.Map('container');
var toolBar,mouseTool,contextMenu;
//在地图中添加操作toolBar插件、mouseTool插件
map.plugin(["AMap.ToolBar","AMap.MouseTool"],function(){
	toolBar = new AMap.ToolBar();
	map.addControl(toolBar);
	mouseTool = new AMap.MouseTool(map);
});
var menuContext = document.createElement("div");
menuContext.innerHTML = "<div class=menu><ul><li onclick='zoomMenu(0)'>缩小</li><li onclick='zoomMenu(1)'>放大</li><li onclick='distanceMeasureMenu()'>距离量测</li><li onclick = 'addMarkerMenu()'>添加标记</li></ul></div>";
//创建一个自定义的右键菜单
contextMenu = new AMap.ContextMenu({isCustom:true,content:menuContext});
//给地图绑鼠标右键功能弹出右键菜单
AMap.event.addListener(map,"rightclick",function(e){
	contextMenu.open(map,e.lnglat);//e.lnglat鼠标点击的经纬度
	contextMenuPosition = e.lnglat;
})
//右键菜单缩放地图
function zoomMenu(n){
	if(n === 0){map.zoomOut();}
	if(n === 1){map.zoomIn();}
	contextMenu.close();
}
contextMenu.close();
//测量距离功能
function distanceMeasureMenu(){
	mouseTool.rule();
	contextMenu.close();
}
//添加标注功能
function addMarkerMenu(){
	mouseTool.close();
	var marker = new AMap.Marker({
		map: map,
		position: contextMenuPosition, //基点位置
		offset: {x:-5,y:-10} //相对于基点位置
	});
	contextMenu.close();
}
//搜索城市
btn.onclick = function(){
	var val = city.value;
	map.setCity(val);
}