拖放与地理定位

<div id="box" draggable="true"
     style="width:120px;padding:16px;background:#7cb342;color:#fff;border-radius:8px;text-align:center;">
  拖动我
</div>
<div id="target" style="margin-top:20px;padding:40px;border:2px dashed #999;border-radius:8px;">
  放到这里
</div>

<script>
var box = document.getElementById("box");
var target = document.getElementById("target");

box.addEventListener("dragstart", function (e) {
    e.dataTransfer.setData("text/plain", "来自盒子的数据");
});

target.addEventListener("dragover", function (e) {
    e.preventDefault();
});

target.addEventListener("drop", function (e) {
    e.preventDefault();
    target.textContent = "收到：" + e.dataTransfer.getData("text/plain");
    target.style.background = "#f1f8e9";
});

// 获取位置
navigator.geolocation.getCurrentPosition(function (pos) {
    console.log("经度:", pos.coords.longitude, "纬度:", pos.coords.latitude);
});
</script>