转自:http://hi.baidu.com/xfm_zhr/blog/item/8c1790517e87ea888d54302a.html

1.       GoogleMaps常用事件及应用思路

地图再被鼠标拖动时,GMap2对象会激发dragstart,drag,dragend等事件。

示例:动态显示地图的中心位置。

//更新信息,el为指定HTML元素,info为里边显示的内容

function updateInfo(el, info)

{

el.innerHTML = info;

}

//添加拖动事件监听器

function addDragListener()

{

//监听地图上的事件

GEvent.addDomListener(map, 'dragstart', function()

{

updateInfo(eventinfo, "当前事件:dragstart");

});

GEvent.addDomListener(map, 'drag', function()

{

updateInfo(eventinfo, "当前事件:drag");

updateInfo(mapcenter, "当前地图中心纬度:" + map.getCenter().lat() + " 经度" + map.getCenter().lng());

});

GEvent.addDomListener(map, 'dragend', function()

{

updateInfo(eventinfo, "当前事件:dragend");

});

}

地图缩放是,GMap2激发zoomstart和zoomend事件。

示例:动态获取地图缩放级别

//添加缩放事件监听器

function addZoomListener()

{

//监听地图上的缩放事件

GEvent.addDomListener(map, 'zoomstart', function()

{

updateInfo(eventinfo, "当前事件:zoomstart");

});

GEvent.addDomListener(map, 'zoomend', function()

{

updateInfo(eventinfo, "当前事件:zoomend");

updateInfo(zoomlevel, "当前地图缩放级别:" + map.getZoom());

});

}

地图类型发生改变,GMap2会激发maptypechanged事件。

示例:动态获取地图类型。

//添加maptypechanged事件监听器

function addMapTypeListener()

{

//监听地图上maptypechanged事件

GEvent.addDomListener(map, 'maptypechanged', function()

{

updateInfo(eventinfo, "当前事件:maptypechanged");

updateInfo(maptype, "当前地图类型:" + map.getCurrentMapType().getName(false));

});

}

单击Google地图,GMap2会激发click事件。注意:该事件包含两个参数:overlay,point。

示例:获取鼠标位置,并添加GMarker对象。

GEvent.addListener(map, 'click', function(overlay, point)

{

if(point)

{

var marker = new GMarker(point);

map.addOverlay(marker);

}

});

Google Maps API 进级: GoogleMaps常用事件及应用思路1相关推荐

  1. Google Maps API 进级:通过XML文档加载Gpolyline或者Gpolygon

    转自:http://hi.baidu.com/xfm_zhr/blog/item/20e2e6f99c723e5e242df229.html 1.       通过XML文档加载Gpolyline或者 ...

  2. Google Maps API 进级:在信息窗口GInfoWindow中嵌入Flash动画

    转自:http://hi.baidu.com/xfm_zhr/blog/item/98bd0a2a9a064e3f5243c12b.html 在信息窗口GInfoWindow中嵌入Flash动画 注意 ...

  3. Google Maps API 2.0解析(3-GEvent事件功能支持)

    //以a为参数,运行b和c函数,如果a是一个html控件而且包含子控件,则以子控件为参数也运行该函数   function RunFunction(a,b,c)   {    if(b)    {   ...

  4. Google maps API开发

    Google maps API开发 注:经纬度的查询,找了半天,终于找着活神仙了,(*^__^*) 嘻嘻-- 1.经纬度查询工具:http://www.playgoogle.com/googlemap ...

  5. Google Maps API实例-地图搜索

    本文实现google maps API主要的函数库 html: <%@ Page Language="C#" AutoEventWireup="true" ...

  6. Google Maps API 简易教程(一)

    Google Maps API 简易教程(一) 一.API Key 使用Google API,必须要从Google 那里获取一个免费的API 键.获取过程如下: (1)用google账户登陆https ...

  7. ASP.NET调用V3版本的Google Maps API

    英文原文:Google Maps API V3 for ASP.NET 译文出处:青藤园 译文作者:王国峰 译文链接:ASP.NET中使用Google Maps API V3[译] 简介 Google ...

  8. maps-api-v3_利用Google Maps API发挥创意

    maps-api-v3 您已经设计了一个闪亮的新网站: 仔细选择颜色,版式和照片,以完美反映公司的品牌形象. 然后您的客户要求您添加地图. 当然,您可以使用地图构建"向导",例如每 ...

  9. 使用Google Maps API和google-maps-react进行React Apps

    This tutorial aims at integrating the google maps API to your React components and enabling you to d ...

最新文章

  1. mysql 存储过程支持传入数组参数_问个小问题,关于存储过程传递数组参数
  2. Python:执行精确的浮点数运算
  3. Ubuntu12.04安装小记
  4. 利用浏览器调试功能 计算 百度网盘 文件数量 V2
  5. android自动化持续集成,基于持续集成的Android自动化测试.pdf
  6. python logging日志分割_python logging日志模块以及多进程日志
  7. AnnotationConfigBeanDefinitionParser are only available on JDK 1.5 and higher
  8. 推荐一款免费,不限流量的内网穿透软件
  9. lbp2900打印机linux驱动下载,佳能LBP2900+打印机驱动
  10. windows10搜索卡死(有出现Cortana的请看这篇文章)
  11. nginx中deny和allow详解
  12. 语法练习:left2
  13. DP专题考试总结(4)
  14. inline内联函数 static静态函数 普通函数区别
  15. cad墙线打断lisp_CAD绘制墙体时,不打断模式有什么好处?
  16. 31、SpringBoot(1)
  17. e签宝认证服务API PHP请求签名鉴权生成
  18. 宸展光电拟与宸鸿科技集团合资;Tableau承诺未来五年培养1000万名数据学员 | 全球TMT...
  19. 计算机考证编程类证书
  20. Web页面动态验证码

热门文章

  1. Linux ubuntu对于cmake的版本更新
  2. 王道考研 计算机网络1 计算机网络概念,组成,功能和分类
  3. live555 接收rtsp视频流流程分析
  4. AMD院士站台 异构计算与OpenCL编程师资培训首站清华开讲
  5. YUV420、YUV422、RGB24转换
  6. 【Quartz】Spring3.2.9 + Quqrtz2.2.1 实现定时实例
  7. springboot/git学习资源记录
  8. CSS Framework 960 Grid System (收)
  9. 三类基于贪心思想的区间覆盖问题
  10. Django框架-Form组件