如何在staticMap API中自定义地图上的标记点？

Question

我想在生成的静态地图上添加自定义的标记点，应该怎么做？

Answer 1

你可以通过StaticMapOptions对象中的markers参数来自定义地图上的标记点。每个标记点都是一个StaticMapMarker对象，包含标记点的位置、图标、文字、颜色等信息。你可以根据需要设置这些参数来创建自定义的标记点。

let staticMapOptions = {
    location: { latitude: 39.9, longitude: 116.4 },
    zoom: 10,
    markers: [
        {
            location: { latitude: 39.91, longitude: 116.41 },
            icon: 'https://example.com/custom-marker.png', // 自定义图标URL
            font: 'My Marker', // 标记点文字
            fontColor: 0xff00ff00, // 标记点文字颜色（绿色）
            rotation: 45 // 标记点图标旋转角度
        }
    ]
};

staticMap.getMapImage(staticMapOptions).then((image) => {
    // 处理生成的带有自定义标记点的静态地图图片
}).catch((error) => {
    console.error('Failed to generate static map with markers:', error);
});