高德地图:在地图中以点击的位置生成一个marker

map.on('click',function(e){
   let lng = e.lnglat.getLng(), lat = e.lnglat.getLat();
   if(lng && lat){
     var mymessage = confirm("是否以当前位置作为设备经纬度地址?");
     if(mymessage == true){
       let dom = document.getElementById('lnglat')
       dom.value = `${lng},${lat}`;
       //显示marker点
       markerOpen(lng,lat)
       /*
         el --- input 元素
         dispatchEvent() --- 给节点分派一个合成事件;
           该方法将分派一个合成事件,它由 Document.createEvent() 创建,
           由 Event 接口或它的某个子接口定义的初始化方法初始化。
           调用该方法的节点将成为事件的目标节点,该事件在捕捉阶段中第一次沿着文档树向下传播。
           如果该事件的 bubbles 属性为 true,那么在事件的目标节点自身处理事件后,它将沿着文档树向上起泡
         new Event('input') --- 给元素分配 input 事件
       */
       // dom.dispatchEvent(new Event('input'));
     }
   }
 })

function markerOpen(lng,lat){
   map.remove(markers)
   markers = [];
   let imgsrc1 = require('@/assets/gif/g1.gif');
   if(!lng || !lat){return};
   markers.push(new AMap.Marker({
     map:map,
     position:[lng,lat],
     icon:new AMap.Icon({image:imgsrc1,imageSize:new AMap.Size(10,10)}),
     offset: new AMap.Pixel(-5, -5)
   }))
 }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值