百度地图--获取自定义区域JSON数据（下）

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

cc百川

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

阅读量1.1w

点赞数 3

分类专栏： web前端文章标签：自定义图标自定义边界自定义JSON 获取百度地经纬度自定义区域地图

本文链接：https://blog.csdn.net/ljcc122/article/details/83271205

版权

这篇博客介绍了如何基于百度地图和React创建一个自定义区域绘图应用。作者提供了代码资源链接，包括创建React项目、整理图片资源、设置目录结构的步骤。用户可以随机选择多个点绘制区域，并实现拖拽调整、删除点、切换拖拽状态、清除区域等功能。最后，用户可以获取绘制的JSON数据并自定义图标。博客鼓励读者按照步骤操作并自行完善逻辑。

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

基于百度地图的自定义区域绘图–绘制区域

代码暂时存放在百度云盘中（不包含依赖文件）：链接: https://pan.baidu.com/s/1Ps-V262ZdUDFtH2hEfD4lQ 提取码: 3q9z；
这里代码太多了，建议下载后解压代码进行查看。

基于上一篇百度地图–获取自定义区域JSON数据（上）的准备工作后，开始正式绘图：
第一步：创建react项目（我的目录结构如图）
index.html内容：

<!DOCTYPE html>
<html lang="en" style="width:100%; height:100%;">
  <head>
      <style>
       /*清除logo*/
        .BMap_cpyCtrl { 
            display: none;
        }
        .anchorBL {
            display: none