Google_Map_Api_谷歌地图接口整理

《Google_Map_Api_谷歌地图接口整理》由会员分享，可在线阅读，更多相关《Google_Map_Api_谷歌地图接口整理（14页珍藏版）》请在金锄头文库上搜索。

1、Google Map Api 谷歌地图接口整理谷歌地图接口整理Google Map Api 谷歌地图接口整理谷歌地图接口整理Google Map Api 谷歌地图接口整理谷歌地图接口整理Google Map Api 谷歌地图接口整理谷歌地图接口整理 一：基本知识：1. 使用谷歌地图 API 的第一步就是要注册一个 API 密钥，需要注重一下两点：1.假如使用 API 的页面还没有发布，只是在本地调试，可以不用密钥，随便用个字符 串代替就可以了。2.API 密钥只对网站目录或者域有效。对不同域的网页，需要用这些域分别注册不同的 密钥2.页面引用 javascript 文件URL（http:/ 是

2、否必要 值类型 定义container 是 DOM_Div DOM 元素，是个 Divopts 可选 Options 构造函数选项GMap2 包含的方法：1.设置状态的方法：enableDragging()：设置地图可以被拖动。disableDragging()：禁止地图被拖动。draggingEnabled()：返回地图是否能够被拖动的布尔值。假如能够拖动，返回“真“； 否则返回“假“。enableInfoWindow()：设置地图信息窗口可以弹出。disableInfoWindow()：禁止地图信息窗口弹出。infoWindowEnabled()：返回地图信息窗口是否能够被弹出的布尔值。假

3、如能够弹出， 返回“真“；否则返回“假“。这个方法通常作为检验之用。enableDoubleClickZoom()：设置可以双击缩放地图，左键双击为放大，右键双击为缩 小（默认）。disableDoubleClickZoom()：禁止双击缩放地图，Google Earth 默认为禁止双击缩放。doubleClickZoomEnabled()：返回地图是否可以双击缩放的布尔值。假如能够双击缩 放，返回“真“；enableContinuousZoom()：设置地图可以连续平滑地缩放。disableContinuousZoom()：禁止地图连续平滑地缩放。continuousZoomEnabled(

4、)：返回地图是否可以连续平滑地缩放的布尔值。假如能够 连续平滑地缩放，返回“真“；否则返回“假“。enableScrollWheelZoom()：设置地图可以由鼠标滚轮控制缩放。disableScrollSheelZoom()：禁止由鼠标滚轮控制地图缩放。scrollWheelZoomEnabled()：返回地图缩放是否可以由鼠标滚轮控制。假如能够由鼠 标滚轮控制缩放，返回“真“；否则返回“假“。isLoaded() 返回类型布尔值 假如地图已经被 setCenter()初始化，则返回 true.2.得到地图的数据信息方法： getCenter() 返回类型 GLatLng 返回地图中心点的地

5、图坐标.getBounds() 返回类型 GLatLngBounds 返回地图视口范围的矩形区域的地理坐标.getBoundsZoomLevel(bounds) 返回类型数字返回显示指定的区域需要的最适合的地 图缩放等级.该缩放等级是根据当前的地图类型计算出来的，假如还没有指定地图类型,将 使用地图类型数组之中的第一项.getSize() 返回类型 GSize 返回地图视口的像素大小.getZoom() 返回数字 返回当前的缩放等级.getContainer()：取得地图的容器getCurrentMapType()得到当前的地图类型。注重得到的是地图类型 GMapType 对象， 而不是对象名

6、称3.设置地图：setCenter(center, zoom?, type?)将地图视图切换到指定的中心点,也可以同时设置可选 的地图缩放等级和地图类型.地图类型必须已经添加到地图.addMapType()该方法必须在构造地图实例之后初始化地图状态时立即执行.在地图刚刚 构造的时候调用地图其他的方法都将会产生错误.panTo(center) 设置地图的中心点到指定的坐标，假如该点已经在当前的视口之中，则 地图中心会滑动到该位置.panBy(distance) 地图滑动指定的像素距离.panDirection(dx, dy) 以指定的方向滑动地图宽度一半的距离.+1 代表右方和下方,-1 代表左

7、方和上方.setZoom(level)设置地图的缩放等级到给定值.zoomIn()缩小地图(将地图的缩放等级增加 1).zoomOut()放大地图(将地图的缩放等级减少 1).savePosition()保存地图当前的位置和缩放等级,以供以后通过 returnToSavedPosition() 方法来返回当前视图.returnToSavedPosition()返回到上一次通过 savePosition()保存的地图视图.checkResize()检查地图容器(container)的大小是否已经发生变化,在地图容器 DOM 大 小可能发生变化的时候调用该方法,以便地图能进行自动调整.setMap

8、Type(GMapType):设置地图类型：大概有三种类型： G_NORMAL_MAP,G_SATELLITE_MAP,G_PHYSICAL_MAP，removeMapType(GMapType)从当前地图上删除一个地图类型。enableGoogleBar():设置地图上的搜索栏4.有关地图覆盖物的方法：addOverlay(overlay) 在地图上添加一个标注并触发地图的 addoverlay 事件.removeOverlay(overlay) 在地图上删除指定的标注.假如该标注确实在地图上.clearOverlays()删除所有地图上的标注.5.有关信息浮窗的方法：openInfoWin

9、dow(point, node, opts?)在指定的地理点打开一个简单的信息浮窗.滑动地 图以保证打开的信息浮窗可见.信息浮窗的内容以 DOM 节点的形式给定.openInfoWindowHtml(point, html, opts?)在指定的地理点打开一个简单的信息浮窗.滑动 地图以保证打开的信息浮窗可见.信息浮窗的内容以 HTML 文本的形式给定.openInfoWindowTabs(point, tabs, opts?)在指定的地理点打开一个分标签的信息浮窗. 滑动地图以保证打开的信息浮窗可见.信息浮窗的内容以 DOM 节点的形式给定.openInfoWindowTabsHtml(po

10、int, tabs, opts?)在指定的地理点打开一个分标签的信息浮 窗.滑动地图以保证打开的信息浮窗可见.信息浮窗的内容以 HTML 文本的形式给定.showMapBlowup(point, opts?)在指定的地理点打开一个显示指定点更近的视图的信息 浮窗.closeInfoWindow()关闭当前打开的信息浮窗.getInfoWindow() 返回类型 GInfoWindow 返回地图的信息浮窗对象.假如当前并不存在 信息浮窗,则创建一个信息浮窗而不显示它.这个操作并不被 enableInfoWindow()影响.6.控件的方法：addControl(GControl)添加一个 goo

11、gle 地图的控件RemoveControl(GControl)删除一个 google 地图的控件7. 示例：var map = new Map2(document.getElementByIdx_x_x(“map“),size:GSize(200,200), backgroundColor:“#FF0000“);map.addControl(new GSmallMapControl();/添加一个地图左侧的缩放按钮控件map.addControl(new GMapTypeControl();/添加地图类型控件包括普通地图、卫星地 图、混合地图map.setCenter(new GLatLng

12、(37.4419, -122.1419), 13); /实例化一个维度为37.4419、经度为 -122.1419 的经纬度实例，然后设置地图的中心。地图缩放值为 13/ Add 10 markers in random locations on the mapvar bounds = map.getBounds();/得到地图四面的边界值var southWest = bounds.getSouthWest();/西南的经纬度var northEast = bounds.getNorthEast();/东北的经纬度var lngSpan = northEast.lng() - southWe

13、st.lng();/经度差var latSpan = northEast.lat() - southWest.lat();/维度差/实例化一个在本张地图中的一个经纬度var point = new GLatLng(southWest.lat() + latSpan * Math.random(),southWest.lng() + lngSpan * Math.random();var marker = new GMarker(point);/实例化一个标点/给标点加 click 事件，当点击标点时弹出一个信息窗GEvent.addListener(marker, “click“, funct

14、ion() marker.openInfoWindowHtml(“hello“););map.addOverlay(marker);/把标点添加到地图覆盖物2.GMapOptions 类:这个类型包含以下 4 个属性1.size默认情况下，你创建的地图大小就是你给定的地图容器的大小，所以，通常情况下， 你需要显式的声明你的地图容器的 width 和 height 属性，否则，地图 是不能正常显示的， 但是，有了 size 这个可选属性后，你就多了一个选择了。你可以在创建地图的时候直接通 过 size 这个属性指定地图的大小，而不需要听 命于地图容器了，即使这个地图容器已经 显示的定义了 wid

15、th 和 height 的大小。当然，size 属性对应的值是一个 GSize 类型的数据， 比如，假如 给定 options=size:GSize(400, 300)，那么，你所创建的地图大小就是400300 的一个 矩形块，而和你指定的容器大小无关。2.mapType创建地图后，默认显示的地图类型是普通地图，假如要加上可以选择的卫星地图、地形 地图等等其他类型的地图，可以使用 GMap2.setMapType()方法，但这样往往会罗列一堆 的 setMapType。GMapOptions 提供了 mapTypes 这个可选项，通 过一个数组就可以给 地图加上多种支持类型，比如使用mapTy

16、pes: G_NORMAL_MAP,G_SATELLITE_MAP,G_PHYSICAL_MAP，你的地图就拥有三种普通、卫星、地形三种类型了。mapTypes 数组中的第一项是地图 加载的默认类型，所以，假如你想默认加载卫星地图，把 G_SATELLITE_MAP 移到数组 的第一项就可以了。3.draggableCursor、draggingCursor这两个选项是用来定义地图上你的光标类型，我把它们放在一起介绍不等于它们必须一起使用，你可以单独使用任何一个。其中，draggableCursor 是地图可拖拽状态（默认就 是可拖拽的）下的光标，draggingCursor 是拖拽地图时的光标，对应的值和你在 JavaScript 里面设置其他的光 标时使用的值一样，比如，draggableCursor:“crosshair“,