以图明志

开源项目与工具

Google Maps API指南:添加多个随机标注

在事件侦听器中使用闭包
在执行事件侦听器时,通常可取的做法是将私有数据和持久性数据附加到对象中。JavaScript 不支持“私有”实例数据,但它支持允许内部函数访问外部变量的闭包。在事件侦听器访问通常不附加到发生事件的对象的变量时,闭包非常有用。

开源项目与工具

Google Maps API指南:点击添加标注

访问用户界面事件中的参数
通常情况下,Google Maps API 第 3 版中的用户界面事件会传递事件参数,您可通过事件侦听器访问这些参数,这些参数会注明事件发生时用户界面所处的状态。例如,用户界面 'click' 事件通常传递包含 latLng 属性的 MouseEvent,该属性指出了地图上的点击位置。请注意,这是用户界面事件所独有的行为;MVC 状态更改不会在它们的事件中传递参数。

开源项目与工具

Google Maps API指南:地图事件

使用 addListener() 事件处理程序
您可使用 addListener() 事件处理程序注册以接收事件通知。该方法有三个参数,一个对象,一个待侦听事件以及一个在指定事件发生时调用的函数。以下代码可将用户事件和状态更改事件进行组合。我们可将事件处理程序附加到点击时对地图执行缩放操作的标记上。

开源项目与工具

Google Maps API指南:地图标记与信息窗口

地图标记是十分常用的
Maker类提供了这样一个选项,为用户指定的位置显示一个标记,在我们的应用中地图标记是十分常用的,下面的代码将告诉大家如何创建一个简单的地图标记……我们已经在地图上某个位置加了标记,也为标记添加onclick了事件,点击可以弹出一个窗口来显示该地点的详细信息。

开源项目与工具

Google Maps API指南:设置地图选项

一起来看看下面的地图选项
在前面的例子中,我们使用了一个Map类,并设置了一个HTML ID作为参数。现在我们来更深入一点,一起来看看下面的地图选项。我们应用了地图的所有属性,你可以根据需要来选择在地图、卫星图或者地形图中使用它们。

开源项目与工具

Google Maps API指南:在网页中嵌入GMaps

看一个简单的示例
初步了解 Google Maps API 的最简单方法就是看一个简单的示例。要初始化地图,我们需要先创建一个包含地图初始化变量的 Map options 对象。该对象不是构建出来的,而是以对象常量的形式创建出来的。由于我们要将地图的中心设定为某一特定的点,因此,我们还需要创建一个 latlng 值,以保存此位置信息并将其传递到地图的选项中。
1 / 1 首页 < Prev 1 Next > 尾页 页码: