我的Google Map

Google集成支持的3种地图类型分别为:G_NORMAL_MAP,G_SATELLITE_MAP,G_HYBRID_MAP,还支持自定义地图类型。

panTo方法用来将地图变换到指定的中心点,如果指定点在地图上,则地图会平滑的移动到该位置,否则直接跳转到该位置.
window.setTimeout(function() {map.panTo(new GLatLng(35.746512259918504,78.90625));}, 2000);

使用addControl方法向地图添加控件
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(36.94,106.08),4);
map.setMapType(G_SATELLITE_MAP);//修改地图类型
系统集成的GSmallMapControl控件允许用户移动和缩放地图
GMapTypeControl控件允许用户在地图类型之间切换

事件监视器
要注册一个事件监视器,请使用GEvent.addListener方法.传递给它一个地图对象,一个要监视的事件名称,和一个在指定事件发生时要运行的函数.在下面的范例代码之中,我们在用户拖动地图之后显示地图中心点的纬度和经度。
var map = new GMap2(document.getElementById("map"));
GEvent.addListener(map, "moveend", function() {
 var center = map.getCenter();
 document.getElementById("message").innerHTML = center.toString();
}
);
map.setCenter(new GLatLng(36.94,106.08),4);

创建一个信息浮窗
使用openInfoWindow方法,并传递给它一个位置和一个要显示的DOM标签。
map.openInfoWindow(map.getCenter(),document.createTextNode("你好,中国"));

地图标注

单击事件句柄
在用户点击(click事件)地图的时候执行一些操作
当事件被触发后,事件处理函数将接收到2个变量:被点击的标记(如果存在),和代表被点击点的GLatLng.如果用户并没有点击在标记上,第一个参数将会是null.
Marker是唯一内建支持"click"事件的标注类型
GEvent.addListener(map, "click", function(marker, point) {
 if (marker) {
   map.removeOverlay(marker);
 } else {
   map.addOverlay(new GMarker(point));
 }
}
);
如果用户在地图上点击而并没有点击在标记上,我们将在用户点击的地方创建一个新的标记.如果用户在标记上点击,我们将相应的标记从地图上移除.

Tags: ,
Google专区 | 评论(0) | 引用(0) | 阅读(5321)
发表评论
表情
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
打开HTML
打开UBB
打开表情
隐藏
昵称   密码  
网址   电邮   [注册]
               

验证码 请输入左侧的字母,不区分大小写