高德地图api多边形加标题
时间: 2024-09-26 20:10:06 浏览: 67
高德地图API中的多边形标记(Polygon Marker)通常用于表示某个区域,你可以添加标题(也称为信息窗口)来提供更详细的描述。在JavaScript中,你可以这样做:
1. **初始化地图**:
```javascript
var map = new AMap.Map('container', {
zoom: 13, // 地图初始缩放级别
center: [116.404, 39.915], // 地图中心点坐标
});
```
2. **创建多边形并设置标题**:
```javascript
var polygonOptions = {
paths: [[116.39, 39.9], [116.41, 39.9], [116.41, 39.92], [116.39, 39.92]], // 多边形路径点坐标
clickable: true, // 是否可点击显示信息窗口
title: '这是一个示例区域', // 标题内容
};
var polygonMarker = new AMap.Polygon(polygonOptions);
map.add(polygonMarker);
```
3. **打开信息窗口**:
当用户点击多边形时,可以通过`polygonMarker.openInfoWindow()`方法显示信息窗口。
阅读全文