google.maps.Map | 地图对象 |
google.maps.LatLng | 纬度,经度对象 |
google.maps.event | 事件处理 |
google.maps.Marker | 叠加层对象 |
google.maps.MarkerOptions | 叠加层选项 |
Symbol | 符号对象, 表示一个矢量图形 |
google.maps.Animation | 动画类型 |
addListener(控件, 事件名称, 方法) | 注册控件事件 google.maps.event.addListener(marker, 'click', function() { map.setZoom(8); map.setCenter(marker.getPosition()); }); |
addDomListener(控件, 事件名称, 方法) | 注册 DOM 控件事件 google.maps.event.addDomListener(window, 'load', initialize); |
成员 | 描述 |
---|---|
google.maps.Animation.DROP | 用于表示标记在首次放置于地图上时,应当从地图顶端落到目标位置。动画将会随着标记的停止而结束,且 animation 将会还原为 null。通常,此类动画会在创建 Marker 的过程中进行指定。 |
google.maps.Animation.BOUNCE | 用于表示标记应在相应的位置上“弹跳”。在您将弹跳标记的 animation 属性明确设为 null 之前,该标记会不断弹跳。 |
属性 | 描述 |
---|---|
path | (必填)表示用于定义符号形状的路径。您可以使用 google.maps.SymbolPath 中预定义的某个路径,也可以使用 SVG 路径表示法定义自定义路径。注意:折线上的矢量路径不得超过 22x22 像素的方形范围。如果您的路径中包含超出此范围的点,那么您必须将 scale 属性调整为分数值(如 0.2),以使调整后的点处于该方形范围内。 |
anchor | 表示符号相对于标记或折线的位置。符号路径的坐标分别由锚定点的 x 坐标和 y 坐标向左和向上进行转换。默认情况下,符号锚定在 (0, 0)。表示该位置的坐标系与符号路径的坐标系相同。 |
fillColor | 表示符号的填充色。支持所有 CSS3 颜色,扩展命名的颜色除外。对于符号标记,默认颜色为“黑色”。对于折线上的符号,默认颜色为相应折线的笔触颜色。 |
fillOpacity | 以 0 到 1 之间的数字表示符号填充的透明度。默认值为 0。 |
rotation | 以顺时针的读数表示旋转符号的角度。默认情况下,符号标记的旋转角度为 0,而折线上的符号按其所在一边的角度旋转。设置折线上符号的旋转会固定符号的旋转,这样符号就不会再沿着曲线移动了。 |
scale | 表示符号大小缩放的数值。对于符号标记,默认值为 1;符号在缩放后可能为任意大小。对于折线上的符号,默认值为折线的笔触粗细;经过缩放后,符号必须位于 22x22 像素的方形范围内(以符号的锚定点为中心)。 |
strokeColor | 表示符号的笔触颜色。支持所有 CSS3 颜色,扩展命名的颜色除外。对于符号标记,默认颜色为“黑色”。对于折线上的符号,默认颜色为折线的笔触颜色。 |
strokeOpacity | 以 0 到 1 之间的数字表示符号笔触的透明度。对于符号标记,默认值为 1。对于折线上的符号,默认透明度为折线的透明度。 |
strokeWeight | 表示符号的笔触粗细。默认值为符号的 scale。 |
示例:
var goldStar = { path: 'M 125,5 155,90 245,90 175,145 200,230 125,180 50,230 75,145 5,90 95,90 z', fillColor: "yellow", fillOpacity: 0.8, scale: 1, strokeColor: "gold", strokeWeight: 14 }; |
事件种类
click | 单击事件 |
zoom_changed | 比例变化事件 |
load | 页面加载完成事件 |