【w3c school】第三讲 翻译 Google Maps Overlays

2016-07-07 14:55 来源：www.chinab4c.com 作者：ecshop专家

Google 地图 - Overlays
在地图上Overlays是一个项目工程和经度/纬度坐标相绑定。
Google地图有几种overlays类型：

Marker - 地图上唯一的位置。可以客制化标记图标。
Polyline - 在地图上一系列直线
Polygon - 在地图上一系列直线, 形状是 "closed"
Circle and Rectangle
Info Windows - 在地图顶部泡泡圈内显示内容。
Custom overlays


Google 地图- 增加一个标记
Marker构造函数创建一个标记（注意：为了显示标记，必需设定位置属性）
使用setMap()方法为地图增加一个标记。

var marker=new google.maps.Marker({
position:myCenter,
});

marker.setMap(map);


Google 地图 - 动态的标记

下面的例子说明了如何使用动态属性使动态化标记:
marker=new google.maps.Marker({
position:myCenter,
animation:google.maps.Animation.BOUNCE
});

marker.setMap(map);


Google 地图 - 图标代替标记

下面实例指定一个图片(icon)来代替默认的标记：

var marker=new google.maps.Marker({
position:myCenter,
icon:'pinkball.png'
});

marker.setMap(map);


以上内容由聚划算团购网站长翻译整理