点标记是用来标示某个位置点信息的一种地图要素,本章介绍如何在地图图面使用点标记,分别包括:
点标记 Marker灵活点标记 ElasticMarker圆形标记 CircleMarker文本标记 Text
点标记 Marker
一. 创建一个默认图标的点标记:
// 创建一个 Marker 实例: var marker = new AMap.Marker({ position: new AMap.LngLat(116.39, 39.9), // 经纬度对象,也可以是经纬度构成的一维数组[116.39, 39.9] title: '北京' }); // 将创建的点标记添加到已有的地图实例: map.add(marker); // 移除已创建的 marker map.remove(marker);
也可以一次添加多个点标记到地图实例(其它覆盖物均可使用此方式):
// 多个点实例组成的数组 var markerList = [marker1, marker2, marker3]; map.add(markerList);
二. 自定义图标标记
如需要自定义点标记内容,可以在创建 Marker 实例的时候,设置 icon 参数来实现。具体可通过以下两种方式:
1. 为创建的 Marker 指定自定义图标 URL :
var marker = new AMap.Marker({ position: new AMap.LngLat(116.39,39.9), offset: new AMap.Pixel(-10, -10), icon: '//vdata.amap.com/icons/b18/1/2.png', // 添加 Icon 图标 URL title: '北京' }); map.add(marker);
2. 为创建的 Marker 指定 Icon 实例。此种方式可以设置图标大小,偏移等属性,比单纯设置 URL 更加灵活。创建方式如下
// 创建 AMap.Icon 实例: var icon = new AMap.Icon({ size: new AMap.Size(40, 50), // 图标尺寸 image: '//webapi.amap.com/theme/v1.3/images/newpc/