轻轻松松搞定，地图打点，一键生成Geojson！

前端

2023-11-01 04:59:54

继echarts关闭了地图信息的下载入口后，我做了这个工具，手绘地图，自动生成geojson格式的文件供下载。如果你有相关需求，还可以免费开源。

百度地图打点后自动生成geojson的工具

工具介绍

这个工具可以帮助你快速生成geojson格式的地图数据。你只需要在地图上打点，工具就会自动生成相应的geojson数据。这些数据可以被echarts、leaflet等地图库使用。

工具使用

打开百度地图，找到你要制作的地图区域。
点击右上角的“工具”按钮，选择“标注”。
在地图上打点，并为每个点添加一个名称和。
点击“导出”按钮，选择“geojson”格式。
保存geojson文件，即可在地图库中使用了。

工具优点

使用简单，无需任何编程基础。
支持多种地图类型，包括平面地图、卫星地图、地形图等。
支持多种标注类型，包括点标注、线标注、面标注等。
生成的geojson数据准确可靠，可直接在地图库中使用。

工具示例

我们来看一个具体示例。假设我们要制作一个北京市的地图，并在地图上标注出北京市的主要景点。

打开百度地图，找到北京市。
点击右上角的“工具”按钮，选择“标注”。
在地图上打点，并为每个点添加一个名称和。
点击“导出”按钮，选择“geojson”格式。
保存geojson文件。

现在，我们就可以在地图库中使用这个geojson文件了。我们以echarts为例，创建一个简单的北京市地图。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  
  <script src="https://cdn.jsdelivr.net/npm/echarts@5.2.2/dist/echarts.min.js"></script>
</head>
<body>
  <div id="map" style="width: 600px; height: 400px;"></div>
  <script type="text/javascript">
    var myChart = echarts.init(document.getElementById('map'));

    var geojson = {
      "type": "FeatureCollection",
      "features": [
        {
          "type": "Feature",
          "geometry": {
            "type": "Polygon",
            "coordinates": [
              [
                [116.4553, 40.0345],
                [116.5495, 40.0509],
                [116.5764, 40.0941],
                [116.6032, 40.1223],
                [116.6299, 40.1655],
                [116.6874, 40.2092],
                [116.7302, 40.2624],
                [116.7959, 40.2902],
                [116.8273, 40.339],
                [116.8848, 40.3783],
                [116.9416, 40.4372],
                [116.9844, 40.4961],
                [117.0419, 40.535],
                [117.0851, 40.5935],
                [117.1426, 40.6323],
                [117.1783, 40.6998],
                [117.2358, 40.7386],
                [117.2933, 40.7961],
                [117.3401, 40.8349],
                [117.4076, 40.8924],
                [117.4504, 40.9312],
                [117.5179, 40.9897],
                [117.5754, 41.0285],
                [117.6523, 41.086],
                [117.7098, 41.1248],
                [117.7673, 41.1823],
                [117.8248, 41.2211],
                [117.8823, 41.2796],
                [117.9398, 41.3184],
                [117.9973, 41.3769],
                [118.0301, 41.4157],
                [118.0976, 41.4732],
                [118.1404, 41.512],
                [118.2083, 41.5695],
                [118.2658, 41.6083],
                [118.3233, 41.6658],
                [118.3808, 41.7046],
                [118.4383, 41.7621],
                [118.4958, 41.8009],
                [118.5533, 41.8584],
                [118.6108, 41.8972],
                [118.6683, 41.9547],
                [118.7258, 41.9935],
                [118.7833, 42.051],
                [118.8408, 42.0898],
                [118.8983, 42.1473],
                [118.9558, 42.1861],
                [119.0133, 42.2436],
                [119.0708, 42.2824],
                [119.1283, 42.34],
                [119.1858, 42.3788],
                [119.2433, 42.4363],
                [119.2901, 42.4751],
                [119.3486, 42.5326],
                [119.3914, 42.5714],
                [119.4593, 42.6299],
                [119.5168, 42.6687],
                [119.5743, 42.7262],
                [119.6318, 42.765],
                [119.6893, 42.8225],
                [119.7468, 42.8613],
                [119.8043, 42.9188],
                [119.8618, 42.9576],
                [119.9193, 43.0151],
                [119.9768, 43.0539],
                [120.0343, 43.1114],