Google 地图 - 标记
Google 地图 - 标记
我们可以在地图上绘制对象并将它们绑定到所需的纬度和经度。这些称为覆盖。Google 地图提供了各种叠加层，如下所示。
标记
折线
多边形
圆形和矩形
信息窗口
符号
为了在地图上标记单个位置，Google 地图提供了标记。这些标记使用标准符号，并且可以自定义这些符号。本章介绍如何添加标记，以及如何自定义、设置动画和删除标记。
添加简单标记
您可以通过实例化标记类并使用 latlng 指定要标记的位置，将简单标记添加到地图上的所需位置，如下所示。
var marker = new google.maps.Marker({
position: new google.maps.LatLng(19.373341, 78.662109),
map: map,
});
例子
以下代码设置海得拉巴（印度）城市的标记。
现场演示
它产生以下输出 -
标记动画
向地图添加标记后，您可以进一步添加动画，例如反弹和下降。以下代码片段展示了如何向标记添加弹起和放下动画。
//To make the marker bounce`
animation:google.maps.Animation.BOUNCE
//To make the marker drop
animation:google.maps.Animation.Drop
例子
以下代码在海得拉巴市上设置标记并添加动画效果 -
现场演示
它产生以下输出 -
自定义标记
您可以使用自己的图标来代替 Google 地图提供的默认图标。只需将图标设置为icon:'ICON PATH'。您可以通过设置draggable:true来使该图标可拖动。
例子
以下示例显示如何将标记自定义为所需的图标 -
现场演示
它产生以下输出 -
删除标记
您可以通过使用marker.setMap()方法将标记设置为null 来删除现有标记。
例子
以下示例显示如何从地图中删除标记 -
现场演示
它产生以下输出 -