效果图
操作流程设计
- 在地图上任意点击一处,可以弹出对话框输入这个点的距离半径
- 可以拖动该点改变该点及圆形覆盖物的位置
- 右键删除该点及圆形覆盖物
具体实现
S1. 当然是现在百度地图上获取秘钥了,要不然可加载不出来地图,网址是:
http://lbsyun.baidu.com/apiconsole/key
S2. 选择一个简单的模板进行二次开发,这里我参考的就是最简单的地图显示demo了:http://developer.baidu.com/map/jsdemo.htm#h0_4
S3. 为地图及其覆盖物添加用户操作的监听函数,具体完整的实现代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"