您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

Google Map api v2的函数简介

2024/2/19 14:29:55发布32次查看
function initialize(){ //gbrowseriscompatible() 一般首先得判断浏览器是否支持google maps的执行 if(gbrowseriscompatible()){ var latlng = new glatlng(39.9493,116.3975); //设置坐标 //给map指定一个容器div,第二个参数设置它的一些选项,该参数是一
function initialize(){
//gbrowseriscompatible()  一般首先得判断浏览器是否支持google maps的执行
if(gbrowseriscompatible()){
var latlng = new glatlng(39.9493,116.3975);   //设置坐标
//给map指定一个容器div,第二个参数设置它的一些选项,该参数是一个对象,具体属性参见google 地图api
var map = new gmap2(document.getelementbyid(map_canvas),{size:new gsize(500,300),backgroundcolor:white});
map.enablescrollwheelzoom();  //设置地图可以由鼠标滚轮控制缩放(默认是不会滚动缩放)。  
map.setcenter(latlng,13);  //设置地图的中心为该坐标点,13为缩放级别(0-19;0 可以看到整个世界,19可以看到独立建筑物)
var blueicon = new gicon(g_default_icon);  //定义一个标记图片
//blueicon.image=http://www.google.cn/intl/en_us/mapfiles/ms/micons/blue-dot.png;
blueicon.image=http://labs.google.com/ridefinder/images/mm_20_red.png;   //标记的图片样式
//blueicon.shadow=http://labs.google.com/ridefinder/images/mm_20_shadow.png;  阴影图片
//blueicon.iconsize=new gsize(30,30);
//blueicon.shadowsize=new gsize(0,0);  去掉标记图片的阴影   
 //在地图上的一个标记,draggable:设置该标记可以拖动;bouncy:设置该标记落下时是否弹跳一下(其他属性参见google 地图api)
var marker = new gmarker(latlng,{icon:blueicon,draggable:true,bouncy:false});  
map.addoverlay(marker);   //把这个标记添加到地图上
//对标记或者地图进行事件处理(下面的是对标记处理)
gevent.addlistener(marker,click,function(){  
map.setzoom(17);   //设置地图的缩放程度
marker.openinfowindowhtml(这是定位的位置); //文字气球形式显示信息窗口
//map.openinfowindowhtml(latlng,这是定位的位置); 上面的文字气球形式也可以这样显示
});
/*
 如果地图点击发生在叠加层上,gmap2“点击”事件会传递 overlay 和 overlaylatlng(glatlng),
 否则只会传递它传递地图坐标的latlng
*/
gevent.addlistener(map,click,function(overlay,latlng){
if(latlng){
var str = 坐标为:+latlng.lat()+,+latlng.lng()+,缩放级别:+map.getzoom
()+;
map.clearoverlays();  //清除所有标记
map.addoverlay(new gmarker(latlng));
map.openinfowindowhtml(latlng,str);
     }
    });
     }
  }
map.enablescrollwheelzoom();  //设置地图可以由鼠标滚轮控制缩放(默认是不会)。
//map.disablescrollwheelzoom();  设置地图不能由鼠标滚轮控制缩放(默认)。
//map.enabledoubleclickzoom();  设置可以双击缩放地图,左键双击为放大,右键双击为缩小(默认)。
//map.disabledoubleclickzoom();  禁止双击缩放地图
//map.disabledragging();  禁止拖拽地图到新的位置
//map.setmaptype(g_satellite_map);   直接设置地图的显示形式(如:卫星显示)
/*
 标准地图类型有四种(第四种不知道啥意思):
•g_normal_map- 默认视图
•g_satellite_map - 显示 google 地球卫星图像
•g_hybrid_map - 混合显示普通视图和卫星视图
•g_default_map_types - 这三个类型的数组,在需要重复处理的情况下非常有用
*/
下面是添加控件的
map.addcontrol(new glargemapcontrol());  //google 地图上使用的大平移/缩放控件
//map.addcontrol(new gsmallmapcontrol());  google 地图上使用的小一点的平移/缩放控件
map.addcontrol(new gmaptypecontrol());   //用户切换地图类型(例如“地图”和“卫星”,以及混合地图)的按钮
map.addcontrol(new gscalecontrol(),new gcontrolposition(g_anchor_bottom_right,new gsize(5,20)));   //显示地图的比例尺
//位于屏幕一角的可折叠概览地图,在这里通过gcontrolposition设置了它的位置[所有的控件都可以设置位置,我发现开始的时候它还在默认
的右下方,当你点击缩小的时候才会跑到你指定的位置(很郁闷),其他的控件没有问题]、    
//map.addcontrol(new goverviewmapcontrol(),new gcontrolposition(g_anchor_bottom_left,new gsize(30,30)));
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product