高德地图 pai 方法,点击地图添加marker怎么写,只能添加一个marker ,并且点击marker 获取点击信息
时间: 2024-03-01 16:54:04 浏览: 100
对地图添加标记
以下是一个示例代码,可以在地图上点击,然后添加一个标记(Marker),并且可以获取标记的点击事件信息:
```javascript
// 创建地图对象
var map = new AMap.Map('container', {
zoom: 13, // 设置地图缩放级别
center: [116.397428, 39.90923] // 设置地图中心点
});
// 创建一个 Marker 实例
var marker = new AMap.Marker({
position: [116.397428, 39.90923], // 设置标记的位置
map: map // 将标记添加到地图上
});
// 绑定标记的点击事件
marker.on('click', function(e) {
console.log('您点击了标记,标记的位置是:', e.lnglat);
});
// 绑定地图的点击事件
map.on('click', function(e) {
// 将标记的位置设置为用户点击的位置
marker.setPosition(e.lnglat);
});
```
在上面的代码中,首先创建了一个地图对象,并创建了一个 Marker 实例,将其添加到地图上。然后绑定了标记的点击事件,当用户点击标记时会触发回调函数,函数中可以获取点击事件的信息。同时也绑定了地图的点击事件,当用户点击地图时会触发回调函数,函数中将标记的位置设置为用户点击的位置,实现了点击地图添加标记的功能。
阅读全文