首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Google Map V3版 依据KeyDragZoom制作DragZoomControl

2012-10-28 
Google Map V3版 根据KeyDragZoom制作DragZoomControl首先声明感谢http://google-maps-utility-library-v3

Google Map V3版 根据KeyDragZoom制作DragZoomControl

首先声明感谢http://google-maps-utility-library-v3.googlecode.com/svn/tags/keydragzoom/1.0/docs/examples.html的作者,我参考他的keydragzoom,修改了他的源码完成了我的dragzoomcontrol。

?

先介绍一下DragZoomControl,简单的很就是在第三版的Google Map中,添加一个按钮,点击“DragZoom”按钮后进行框选操作,框选完成后可以跟后台进行Ajax交互,这里的例子是将框选的southwest和northeast传给后台再传到前台。(有点无聊Google Map V3版 依据KeyDragZoom制作DragZoomControl)。

?

然后就是贴上代码:

?

dragzoomcontrol.js:

?

?index.jsp:

?

?后台的servlet:

?

?web.xml:

?

?我把MyEclipse工程作为附件有需要的可以看看。

?

The End

?

?

?

热点排行