Leaflet实现测量功能

最新推荐文章于 2024-08-15 09:26:43 发布

才华横溢吴道简

最新推荐文章于 2024-08-15 09:26:43 发布

阅读量1.3k

点赞数

分类专栏： GIS算法 WEBGIS

本文链接：https://blog.csdn.net/sinat_41310868/article/details/115672119

版权

该博客介绍了如何使用Leaflet库来实现地图上的测量功能，包括前进和出去的方位角以及当前线段和折线的长度显示。通过提供的代码参考链接，读者可以了解具体的实现细节。

摘要由CSDN通过智能技术生成

效果如下，标签中，In是前进方向的进入角度（方位角），out是出去角度（方位角），加号后面是当前完成的线段长度，黑色的当前完成的折线长度。

代码如下：

<!DOCTYPE html>

<html>

<head>

    <title>osm-测量</title>

    <meta charset="utf-8">

    <style type="text/css">

    body {

        padding: 0;

        margin: 0;

    }

    html,

    body,

    #map {

        height: 100%;

    }

    </style>

    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css" />

    <script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"></script>

    <script src="https://cdn.