zoukankan      html  css  js  c++  java
  • Leaflet获取可视范围内4个顶点

    //地图级别改变时发生
    map.on("zoomend", function (e) {
    var zoom_val = e.target.getZoom();
    map_drag();;
    });
    //拖动地图时发生
    map.on("moveend", function (e) {
    map_drag();;
    });

    function map_drag() {
    //左下角坐标(西南方)
    var leftdown = map.getBounds().getSouthWest().lng + "," + map.getBounds().getSouthWest().lat;
    L.circleMarker([map.getBounds().getSouthWest().lat, map.getBounds().getSouthWest().lng], { fillColor: "#f00", radius: 10 }).bindLabel("左下角坐标" + leftdown, { direction: 'right', noHide: true }).addTo(map);
    //右上角坐标(东北方向)
    var rightdown = map.getBounds().getNorthEast().lng + "," + map.getBounds().getNorthEast().lat;
    L.circleMarker([map.getBounds().getNorthEast().lat, map.getBounds().getNorthEast().lng], { fillColor: "#f00", radius: 10 }).bindLabel("右上角坐标" + rightdown, { direction: 'left', noHide: true }).addTo(map);
    //var strText = "当前地图级别:" + zoom_val + " 左下角坐标:" + leftdown + " 右下角坐标:" + rightdown;
    //左上角:西北方
    var leftdown = map.getBounds().getNorthWest().lng + "," + map.getBounds().getNorthWest().lat;
    L.circleMarker([map.getBounds().getNorthWest().lat, map.getBounds().getNorthWest().lng], { fillColor: "#f00", radius: 10 }).bindLabel("左上角坐标" + leftdown, { direction: 'right', noHide: true }).addTo(map);

    //右下角:东南方
    var leftdown = map.getBounds().getSouthEast().lng + "," + map.getBounds().getSouthEast().lat;
    L.circleMarker([map.getBounds().getSouthEast().lat, map.getBounds().getSouthEast().lng], { fillColor: "#f00", radius: 10 }).bindLabel("右下角坐标" + leftdown, { direction: 'left', noHide: true }).addTo(map);

    }

  • 相关阅读:
    小白成长建议(7)-蛛丝马迹-云层
    小白成长建议(5) 缺陷与管理-云层
    小白成长建议(6)-测试的灵魂-云层
    小白成长建议(4) -从头开始-云层
    小白成长建议 (3)-看书和选书-云层
    小白成长建议(2)-扎实基础-云层
    创业神人&当时钢铁侠:Elon Musk
    Oracle数据库学习笔记5
    Oracle数据库学习笔记4
    Oracle数据库学习笔记3
  • 原文地址:https://www.cnblogs.com/huangzhen22/p/10509520.html
Copyright © 2011-2022 走看看