百度地图画区域覆盖物添加/删除/回填/编辑

最新推荐文章于 2023-07-14 15:30:30 发布

流水の时尚

最新推荐文章于 2023-07-14 15:30:30 发布

阅读量1.1k

点赞数

分类专栏：前端百度地图 jquery

本文链接：https://blog.csdn.net/qq_40613121/article/details/102586456

版权

这篇博客展示了如何在百度地图上进行区域绘制、覆盖物的添加、删除和编辑。通过JavaScript代码实现鼠标绘制工具，允许用户创建、编辑多边形，并提供了删除围栏的功能。同时，还演示了如何从数据库回填并显示已有的地图区域。

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

//容器
<div id="map_from">
    <div class="control-group span18" style="margin-left: -4px;margin-bottom: 4px; width:100%;border: 1px solid #ccc;" id="map">
    </div>
</div>
<div class="box-but-ton">
        <button οnclick="remove_overlay()">删除围栏</button>
    <button οnclick="subUpdate()" >确定</button>

</div>
<script type="text/javascript" src="<?php echo Yii::$app->params['staticUrl']; ?>assets/js/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="<?php echo Yii::$app->params['staticUrl']; ?>assets/js/common.js?v=201811231545758"></script>
<script src="http://api.map.baidu.com/api?v=2.0&ak=你自己的ak"></script>
<!--加载鼠标绘制工具-->
<script type="text/javascript" src="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.js"></script>
<link rel="stylesheet" href="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.css" />
<!--加载检索信息窗口-->
<script type="text/javascript