• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 众包
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
小码哥-倩倩
博客园    首页    新随笔    联系   管理    订阅  订阅

高德地图移动标记返回最新的经纬度

高德地图移动点标记之后,返回最新位置的经纬度,参考高德地图的官方文档
https://lbs.amap.com/api/javascript-api/example/marker/set-marker-draggable
运行DEMO:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
<title>移动标记</title>
<link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css"/>
<style>
html, body, #container {
height: 100%;
width: 100%;
}

.amap-marker:first-child .amap-icon img {
width: 25px;
height: 34px;
}
</style>
</head>
<body>
<div id="container"></div>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.12&key=key值"></script>
<script type="text/javascript">
var map = new AMap.Map('container', {
resizeEnable: true,
center: [116.397428, 39.90923],
zoom: 13
});
var marker = new AMap.Marker({
position: map.getCenter(),
icon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAArCAYAAAD2f+EJAAAC5UlEQVRYhe3Yz0sUYRzH8QU9KGq4Fw9mHv1BHcRSyntB/g1ph8KbkgWmdU3pKpTYrQ4li9tRBK0O6iLoLgiZui0IVu7KuuaP1nZ9Hp/n3WFnYbNRd8eZDaIHPodhDs+L4WE+3xmX6/+ysIBqoBPwAMvAPqm1b1x7jPvVTmzeAkzsgvCgwx2opUaEvww540JMlSFnGhH+DtSSBx3eBQFMAC12bF4GDG+gk93IYBFy2oWYOi1FyOluZHADnQSGgTKrgFpgZQQVLkf4stn8aMoRvhFUGFgBanMGaAj3cRiysvnR9KFCGsJZQ4ASYPkRyhZAOo9RIePwlmSDGPKiI3YC0nmLjgDPTwM0bcKB2+IZOC1uhG8TDoCmkxBjvajPTgDS6eUwBIwdB6jaBVGMmHESUYyY2Uu9R6rMEF0elCNn4Wg8qAjQZYbw3kEu5QNxF7kEjJohgg3I+XwgGpDzQNAMsZ/uAqdzDuED4mYI8gFIB8AM8cNqR+Sa8tST2DNDLDYj/flANCP9wEczxKt7yGA+EN2oIPDSDNE2jo7mAzGO2gRumSHcCdiqRMw6CahEzCZgC3D/gTAgg89Qa04ihlBrwKApwEBUJyB2ETnnBOASci4BMeDCsQgD0uNH7xTYDChATAXQO0DPiYAMyLt+1KqdiAHUKjCZFcBA1CQhehURsANwDRlIQhSoyRphQG4H0fFsx/zjUoScDqLjQHtOgAzIm2H0l7MgXqC+Aq8tAQxEhYJIK3LBCqAVuaAgAlRYRhiQG9/QiVyHXzfCt45OANfPBMiADI3m+BngzWa8zxFRCqy3oxazAbQhPwHrQKltCANyZQv98zzyxG6pQs5+T/0quGwrIAPS/x4dOwnxAR0DnjgCMBCFQOA+ynTueJCaE/xAoWMIA1Ifh+06xG8lV4eYi6O3gXpHARmQ3kBGyaXKiR3gYV4AGZDJAaPknuZaTjYiapIQ7USuWConGyGtgBe4+VcA/9z6BeOsKlfgGsYnAAAAAElFTkSuQmCC',
offset: new AMap.Pixel(-13, -30),
// 设置是否可拖拽
draggable: true,
cursor: 'move'
});
marker.on('dragend', function(e) {
console.log('坐标',marker.getPosition( ))
});
marker.setMap(map);
</script>
</body>
</html>
posted @ 2019-01-11 13:09  小码哥-倩倩  阅读(2428)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3