OpenLayers学习笔记高级篇（一、openlayers画点线面）

最新推荐文章于 2024-09-13 10:14:26 发布

MagicMHD

最新推荐文章于 2024-09-13 10:14:26 发布

阅读量4.6k

点赞数 6

CC 4.0 BY-SA版权

分类专栏： OpenLayers WebGIS实战

本文链接：https://blog.youkuaiyun.com/MagicMHD/article/details/91386261

本文是OpenLayers学习笔记的高级篇，主要介绍了如何使用OpenLayers在地图上进行点、线、面和圆的绘制操作。通过示例代码详细解释了添加绘制layer、响应下拉框事件以及监听绘制交互的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

话不多说直接上代码：

<!doctype html>
<html xmlns=http://www.w3.org/1999/xhtml>
<head>                  
    <meta http-equiv=Content-Type content="text/html;charset=utf-8">
    <meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1">
    <meta content=always name=referrer>
    <title>点线面圆的绘制</title>
    <link href="css/ol.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="js/ol.js" charset="utf-8"></script>
</head>

<body>
      <label>Geometry type &nbsp;</label>
      <select id="type">
        <option value="Point">Point</option>
        <option value="LineString">LineString</option>
        <option value="Polygon">Polygon</option>
        <option value="Circle">Circle</option>
        <option value="None">None</option>
      </select>

   <