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

Google Map API 根本使用方法

2012-09-16 
Google Map API 基本使用方法方法说明: ???1、GBrowserIsCompatible()?--?是否支持Google?Map?API ???2、sho

Google Map API 基本使用方法

方法说明:
???1、GBrowserIsCompatible()?--?是否支持Google?Map?API
???2、shopLat?--?酒店的经度坐标,
??????shopLng?--?酒店的纬度坐标?
???3、new?GLatLng(shopLat,?shopLng)?--?设置经纬度
???4、map.setCenter(new?GLatLng(shopLat,?shopLng),?14)?--?设置地图默认的中心点经纬度?
??????参数说明:?
??????new?GLatLng(shopLat,?shopLng)?--?设置中心点的经纬度
??????14?--?地图的默认缩放比例大小值,范围为1?-?18
???5、new?GMap2(document.getElementById("shopgooglemap"))?--?获取显示的地图容器
???6、map.setMapType(G_NORMAL_MAP);?--?设置显示地图的类型
??????可选值:
??????1.?G_NORMAL_MAP?--?默认地图样式
??????2.?G_SATELLITE_MAP?--?Google?Earth?卫星地图
??????3.?G_HYBRID_MAP?--?混合模式地图
???7、new?GIcon(G_DEFAULT_ICON)?--?设置标记样式
???8、addControl()?--?给地图添加控件
??????常用的可选控件:
??????1.?new?GLargeMapControl()?--?大的地图缩放级别控件
??????2.?new?GOverviewMapControl()?--?地图缩略图控件??
??????3.?new?GScaleControl()?--?比例尺控件
??????4.?new?GMapTypeControl()?--?地图类形选择控件
???9、enableDoubleClickZoom()?--?双击(鼠标右键)放大/(鼠标左键)缩小地图比例
??10、map.enableScrollWheelZoom()?--?滚动滑轮方法(向前)放大/(向后)缩小地图比例
??11、enableContinuousZoom()?--?允许连贯改变地图比例
??12、createMarker(latlng)?--?自定义方法:
??????方法说明:
??????new?GMarker(latlng)?--?在地图中设置标签,参数latlng?--?标签的坐标
??????Event.addListener(marker,event,function)?--?给标签设置事件?
??????参数说明:
??????marker?--?标签对象,
??????event?--?事件名称
??????function?--?时间的处理函数
??????openInfoWindowHtml(latlng,?myHtml)?--?将信息框添加到标签上
??????参数说明:
??????latlng?--?标签坐标,
??????myHtml?--?提示信息的HTML字符串
===============================================================================??
获取地图中心坐标:javascript:void(prompt('中心坐标',gApplication.getMap().getCenter()));????????
===============================================================================

?

?

?

热点排行