第四章WebGIS开发——第4节-点标记

1. 地图事件

对于地图而言, 当点击地图时, 会触发一个地图的点击事件. 进而会调用对应的事件处理函数

在事件处理函数中, 可以获取事件对象, 事件对象包括了很多信息, 其中最主要的就是经纬度

1)示例

map.on('click', function (event) {
  // console.log(event)
  console.log(`经度: ${event.lnglat.lng}, 纬度: ${event.lnglat.lat}`)
})

2. 点标记

当点击地图时, 我们可以根据经纬度绘制一个点, 添加到地图中

1) 基本示例

// 1. 创建一个点对象Marker
var marker = new AMap.Marker({
  position: new AMap.LngLat(114.255025, 30.62157),
})
// 2. 添加到地图
map.add(marker)

2) 交互式绘制

map.on('click', function (e) {
  console.log(e)
  // 添加点
  // 1. 创建一个点对象Marker
  var marker = new AMap.Marker({
    position: e.lnglat,
  })
  // 2. 添加到地图
  map.add(marker)
})