可以通过以下步骤实现腾讯地图api中点标记拖动事件:

1. 引入腾讯地图api,并创建地图容器。

```html
<div id="map-container"></div>

<script src="//map.qq.com/api/js?v=2.exp&key=YOUR_KEY_HERE"></script>

<script>
  var map = new qq.maps.Map(document.getElementById("map-container"), {
    center: new qq.maps.LatLng(39.916527, 116.397128),
    zoom: 13
  });
</script>
```

2. 创建点标记,并给予其可拖拽属性。

```javascript
var marker = new qq.maps.Marker({
  position: new qq.maps.LatLng(39.916527, 116.397128),
  draggable: true,
  map: map
});
```

3. 监听点标记的 drag 事件,在标记被拖拽时更新标记位置。

```javascript
qq.maps.event.addListener(marker, "drag", function(event) {
  // 更新标记位置
  marker.setPosition(event.latLng);
});
```

完整代码示例:

```html
<div id="map-container"></div>

<script src="//map.qq.com/api/js?v=2.exp&key=YOUR_KEY_HERE"></script>

<script>
  var map = new qq.maps.Map(document.getElementById("map-container"), {
    center: new qq.maps.LatLng(39.916527, 116.397128),
    zoom: 13
  });

  var marker = new qq.maps.Marker({
    position: new qq.maps.LatLng(39.916527, 116.397128),
    draggable: true,
    map: map
  });

  qq.maps.event.addListener(marker, "drag", function(event) {
    marker.setPosition(event.latLng);
  });
</script>
```

Logo

加入社区!打开量化的大门,首批课程上线啦!

更多推荐