一、默认点标记
// 创建一个 Marker 实例:
var marker = new AMap.Marker({
position: new AMap.LngLat(113.397428, 23.2), // 经纬度对象,也可以是经纬度构成的一维数组[116.39, 39.9]
title: '默认图标'
});
// 将创建的点标记添加到已有的地图实例:
map.add(marker);
二、自定义点标记
在设置图片地址image时,地址需要本地或者带绝对路径的地址,不然找不到。
let lonlat = [Math.random() + 113, Math.random() + 23]; // 随机生成经纬度
// 创建 AMap.Icon 实例:
let icon = new AMap.Icon({
size: new AMap.Size(58, 70), // 图标尺寸
image: 'http://localhost:8080/static/img/patrol.png', // Icon的图像地址
imageSize: new AMap.Size(58, 70) // 根据所设置的大小拉伸或压缩图片
});
// 将 Icon 实例添加到 marker 上:
let marker = new AMap.Marker({
position: new AMap.LngLat(lonlat[0], lonlat[1]),
offset: new AMap.Pixel(-10, -10),
icon: icon, // 添加 Icon 实例
title: '自定义图标',
zoom: 13
});
map.add(marker);