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

谷歌地图 - 标记

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

我们可以在地图上绘制对象并将它们绑定到所需的纬度和经度.这些被称为叠加. Google地图提供了各种叠加层,如下所示.

  • 标记

  • 折线

  • 多边形

  • 圆形和矩形

  • 信息窗口

  • 符号

要在地图上标记单个位置,Google地图会提供标记.这些标记使用标准符号,这些符号可以自定义.本章介绍如何添加标记,以及如何自定义,动画和删除它们.

添加简单标记

您可以添加一个简单的标记通过实例化标记类并使用latlng指定要标记的位置来标记到所需位置的地图,如下所示.

var marker = new google.maps.Marker({   position: new google.maps.LatLng(19.373341, 78.662109),   map: map,});

示例

以下代码设置了Hyderabad(印度)城市的标记.

                                             
      

它产生以下输出 :

Animating the Marker

在地图上添加标记后,您可以继续操作并向其中添加动画,例如反弹和放下。 以下代码段显示了如何向标记添加动画和拖放动画。

//To make the marker bounce`animation:google.maps.Animation.BOUNCE //To make the marker dropanimation:google.maps.Animation.Drop

示例

以下代码在海得拉巴城市上设置了标记,并添加了动画效果:

                                       
      

自定义标记

您可以使用自己的图标代替Google Maps提供的默认图标。 只需将图标设置为图标:" ICON PATH"。 您可以通过设置draggable:true使该图标可拖动。

示例

以下示例显示了如何将标记自定义为所需的图标:

                                                   

删除标记

您可以通过使用marker.setMap()方法将标记设置为null来删除现有标记。

示例

以下示例显示了如何从地图上删除标记: