高德地图 拖动地图大头针一直处于屏幕中间 ionic

0. 先在项目中配置好高德地图，然后new一个AMap.Map类

    this.map = new AMap.Map('map-container', {
        resizeEnable: true, // 是否监控地图容器尺寸变化
        zoom: 17 // 初始化地图层级
    });
   

1. 获取地图的中心点

    let position = this.map.getCenter();
   

2. 把地图中心点转化为屏幕位置

    pixel = this.map.lngLatToContainer(position );  // 获得 Pixel 对象
   

3. 设置屏幕拖动时的动作

    this.map.on('dragend', function () {
        // 一些操作
    });
   

4. 在屏幕位置放置大头针（关于insertAdjacentHTML）

    const beer = '
   '; // 这里的class样式是大头针的图标
    const body_element = document.getElementById('movePoint-contain'); // #movePoint-contain是屏幕容器
    body_element.insertAdjacentHTML('beforeend', beer);