Google Maps API 进级: GoogleMaps常用事件及应用思路1
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相关推荐
- Google Maps API 进级:通过XML文档加载Gpolyline或者Gpolygon
转自:http://hi.baidu.com/xfm_zhr/blog/item/20e2e6f99c723e5e242df229.html 1. 通过XML文档加载Gpolyline或者 ...
- Google Maps API 进级:在信息窗口GInfoWindow中嵌入Flash动画
转自:http://hi.baidu.com/xfm_zhr/blog/item/98bd0a2a9a064e3f5243c12b.html 在信息窗口GInfoWindow中嵌入Flash动画 注意 ...
- Google Maps API 2.0解析(3-GEvent事件功能支持)
//以a为参数,运行b和c函数,如果a是一个html控件而且包含子控件,则以子控件为参数也运行该函数 function RunFunction(a,b,c) { if(b) { ...
- Google maps API开发
Google maps API开发 注:经纬度的查询,找了半天,终于找着活神仙了,(*^__^*) 嘻嘻-- 1.经纬度查询工具:http://www.playgoogle.com/googlemap ...
- Google Maps API实例-地图搜索
本文实现google maps API主要的函数库 html: <%@ Page Language="C#" AutoEventWireup="true" ...
- Google Maps API 简易教程(一)
Google Maps API 简易教程(一) 一.API Key 使用Google API,必须要从Google 那里获取一个免费的API 键.获取过程如下: (1)用google账户登陆https ...
- ASP.NET调用V3版本的Google Maps API
英文原文:Google Maps API V3 for ASP.NET 译文出处:青藤园 译文作者:王国峰 译文链接:ASP.NET中使用Google Maps API V3[译] 简介 Google ...
- maps-api-v3_利用Google Maps API发挥创意
maps-api-v3 您已经设计了一个闪亮的新网站: 仔细选择颜色,版式和照片,以完美反映公司的品牌形象. 然后您的客户要求您添加地图. 当然,您可以使用地图构建"向导",例如每 ...
- 使用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 ...
最新文章
- mysql 存储过程支持传入数组参数_问个小问题,关于存储过程传递数组参数
- Python:执行精确的浮点数运算
- Ubuntu12.04安装小记
- 利用浏览器调试功能 计算 百度网盘 文件数量 V2
- android自动化持续集成,基于持续集成的Android自动化测试.pdf
- python logging日志分割_python logging日志模块以及多进程日志
- AnnotationConfigBeanDefinitionParser are only available on JDK 1.5 and higher
- 推荐一款免费,不限流量的内网穿透软件
- lbp2900打印机linux驱动下载,佳能LBP2900+打印机驱动
- windows10搜索卡死(有出现Cortana的请看这篇文章)
- nginx中deny和allow详解
- 语法练习:left2
- DP专题考试总结(4)
- inline内联函数 static静态函数 普通函数区别
- cad墙线打断lisp_CAD绘制墙体时,不打断模式有什么好处?
- 31、SpringBoot(1)
- e签宝认证服务API PHP请求签名鉴权生成
- 宸展光电拟与宸鸿科技集团合资;Tableau承诺未来五年培养1000万名数据学员 | 全球TMT...
- 计算机考证编程类证书
- Web页面动态验证码
热门文章
- Linux ubuntu对于cmake的版本更新
- 王道考研 计算机网络1 计算机网络概念,组成,功能和分类
- live555 接收rtsp视频流流程分析
- AMD院士站台 异构计算与OpenCL编程师资培训首站清华开讲
- YUV420、YUV422、RGB24转换
- 【Quartz】Spring3.2.9 + Quqrtz2.2.1 实现定时实例
- springboot/git学习资源记录
- CSS Framework 960 Grid System (收)
- 三类基于贪心思想的区间覆盖问题
- Django框架-Form组件