开发手册 欢迎您!
软件开发者资料库

谷歌地图 - 形状

Google地图形状 - 免费的Google地图教程,参考手册和初学者指南,Google Maps JavaScript API教程。了解如何使用地图类型,缩放,本地化地图,UI控件,标记,形状,叠加层,信息窗口,符号和地图事件中的Google Maps JavaScript API。

在上一章中,我们学习了如何在Google地图中使用标记.除了标记,我们还可以添加各种形状,如圆形,多边形,矩形,折线等.本章介绍如何使用Google地图提供的形状.

折线

Google地图提供的折线可用于跟踪不同的路径.您可以通过实例化类 google.maps.Polyline 将折线添加到地图中.在实例化这个类时,我们必须指定折线属性的所需值,例如StrokeColor,StokeOpacity和strokeWeight.

我们可以通过传递对象来为地图添加折线方法 setMap(MapObject).我们可以通过将空值传递给SetMap()方法来删除折线.

示例

以下示例显示了一条突出显示之间路径的折线德里,伦敦,纽约和北京的城市.

                                             
      

Polygons

多边形用于突出显示州或国家/地区的特定地理区域。 您可以通过实例化google.maps.Polygon类来创建所需的多边形。 在实例化时,我们必须为Polygon的属性指定所需的值,例如path,strokeColor,strokeOapacity,fillColor,fillOapacity等。

示例

T以下示例显示了如何绘制多边形以突出显示海得拉巴,那格浦尔和奥兰加巴德市。

                                             
      

Rectangles

我们可以使用矩形框来突出显示特定区域或州的地理区域。 通过实例化google.maps.Rectangle类,我们可以在地图上有一个矩形。 在实例化时,我们必须为矩形的属性指定所需的值,例如path,strokeColor,strokeOapacity,fillColor,fillOapacity,strokeWeight,bounds等。

示例

以下示例显示了如何使用矩形突出显示地图上的特定区域:

                                                

Circles

就像矩形一样,我们可以使用圆形通过实例化google.maps.Circle类来突出显示特定区域或州的地理区域。 实例化时,我们必须为圆的属性指定所需的值,例如path,strokeColor,strokeOapacity,fillColor,fillOapacity,strokeWeight,radius等。

示例

以下示例显示如何使用圆圈突出显示新德里周围的区域: