谷歌地图开发经验分享系列之二：Google Map API基础对象操作和用法（Map类和LatLng类）

上一节给大家简单介绍了谷歌地图API，从这一节开始，我将陆续为大家介绍谷歌地图API中常见基础对象的操作和用法。

一、google.maps.Map类

google.maps.Map类是谷歌地图最基础的类。它包括谷歌地图最基本的地图属性对象规范，绑定方法和触发事件。

1、构造函数：Map(mapDiv:Node, opts?:MapOptions)  

在指定的HTML容器中创建谷歌地图。mapdiv：即指定的容器，opts：谷歌地图属性设置。如下图所示：

2、地图属性对象规范

地图属性对象规范定义了谷歌地图的基本属性，常见的包括地图的缩放级别，地图的中心位置，地图的默认加载类型等等，再深入研究它还可以设置地图控件的呈现方式与使用规则，同时也可以控制针对地图的相关事件触发方式，比如双击，单击，地图拖拽等。

（1）center：初始的地图中心。必填。

（2）mapTypeId：初始的地图类型。必填。

（3）zoom：初始的地图缩放级别。必填。

（4）mapTypeControl：地图类型控件的初始启用/停用状态。

（5）maxZoom：在地图上显示的最大缩放级别。如果将该属性省略或设置为Null，则系统会改为使用当前地图类型的最大缩放级别（21）。

（6）minZoom：在地图上显示的最小缩放级别。如果将该属性省略或设置为Null，则系统会改为使用当前地图类型的最小缩放级别（0）。

（7）draggable：地图是否允许拖动，默认为允许拖动。

（8）overviewMapControl：总览图控件的启用/停用状态。

（9）zoomControl：缩放控件的启用/停用状态。

（10）panControl：平移控件的启用/停用状态。

（11）rotateControl：旋转控件的启用/停用状态。

（12）scaleControl：比例控件的初始启用/停用状态。

（13）scrollwheel：通过滚轮缩放地图的启用/停用状态。默认情况下启用滚轮功能。

（14）streetViewControl：街景小人控件的初始启用/停用状态。

3、map对象常见方法

（1）getCenter()：获取地图中心的经纬度。

（2）getZoom()：获取地图当前缩放级别。

（3）setCenter(latlng:LatLng)：设置地图中心的经纬度。

（4）setZoom(zoom:number)：设置地图的缩放级别。

（5）setOptions(options:MapOptions) ：设置地图的多个属性。

4、map对象常见事件

（1）click：左键单击地图触发此事件。

（2）rightclick：右键单击地图触发此事件。

（3）dblclick：左键双击地图触发此事件，默认双击事件是放大地图。单击事件与双击事件同时存在时，只能监听到单击事件。

（4）zoom_changed：当地图缩放级别变化时触发此事件。

上述只是列举了一些常用的属性、方法和事件，更多内容还请参看API文档。

二、google.maps.LatLng类

1、构造函数： LatLng(lat:number, lng:number, noWrap?:boolean)

请注意纬度和经度的顺序。如果 noWrap标记为 True，则在传递时会使用这些数字，否则纬度会限定在 -90 度和 +90 度之间，而经度会限定在 -180 度和 + 180 度之间。noWrap默认为False。

2、常见方法

（1）lat() ：用于返回纬度值（以度为单位）。

（2）lng() ：用于返回经度值（以度为单位）。

（3）toString() ：转换为字符串表示。

 

 针对上述内容，DEMO中均有使用介绍。大家有什么疑问，可以提出来大家一起交流学习。DEMO下载：https://files.cnblogs.com/allon6318/gmap2.zip