<body> <div></div> <div> <ul> <li><button>显示完整鱼骨</button><button>隐藏鱼骨</button><button>方向盘</button><button>长标尺</button><button>短标尺</button></li> <li><button>显示比例尺</button><button>隐藏比例尺</button></li> <li><button>显示鹰眼</button><button>隐藏鹰眼</button></li> <li><button>添加地图类型切换</button><button>移除地图类型切换</button></li> <li><button>添加圆形编辑器</button><button>删除圆形编辑器</button></li> <li><button>添加多边形编辑器</button><button>删除多边形编辑器</button></li> <li><button>鼠标打点工具</button><button>清除</button></li> <li><button>鼠标画折线工具</button><button>清除</button></li> <li><button>鼠标画多边形工具</button><button>清除</button></li> <li><button>鼠标画圆形工具</button><button>清除</button></li> <li><button>鼠标画矩形工具</button><button>清除</button></li> <li><button>鼠标测距工具</button><button>清除</button></li> <li><button>鼠标测面积</button><button>移除</button></li> <li><button>鼠标框选缩小</button><button>鼠标框选放大</button><button>关闭鼠标放大缩小</button></li> <li><button>测距插件</button><button>隐藏测距</button></li> <li><button>添加自定义控件</button><button>移除自定义控件</button></li> <li><div><p><span> </span></p><p><span> </span></p></div></li> <li><button>坐标拾取控件</button><button>取消坐标拾取</button></li> </ul> </div> </body>
在js第一行引入高德地图API中，key值是我自己在高德地图里面创建的也可以用，你们也可以上高德开放平台自行申请key值试一试。
高德开放平台：developer.amap.com/
这里是本效果图源码下载地址，感兴趣的朋友可以直接下载