推荐使用 `gmaps-radius` 在地图上绘制圆形区域-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_00023/article/details/136703134

推荐使用 `gmaps-radius` 在地图上绘制圆形区域

gmaps-radiusAdd radius circles to a map项目地址:https://gitcode.com/gh_mirrors/gm/gmaps-radius

gmaps-radius 是一个用于在 Google Maps 中绘制圆形区域的 JavaScript 库。

项目简介

通过使用 gmaps-radius ，您可以在 Google Maps 上添加多个可配置的圆形标记，并可以实时调整半径大小、颜色等属性。您可以将其用于多种用途，例如展示地理位置覆盖范围、计算某个位置周围的辐射距离等。

主要特性

支持在地图上添加多个圆形标记。
可以实时调整每个圆形标记的半径、颜色和透明度。
可以获取选定圆圈的中心点坐标及当前半径值。
简单易用的 API 设计，方便集成到现有的应用中。

示例

以下是一段示例代码，展示了如何在地图上创建一个圆形标记：

// 创建一个新的 GmapsRadius 实例
const gmapsRadius = new GmapsRadius({
  map: myMap, // Google Maps 的实例
});

// 添加一个圆形标记
const circle = gmapsRadius.addCircle({
  center: { lat: 37.4219999, lng: -122.0840576 }, // 圆心坐标
  radius: 1000, // 半径（米）
  color: 'blue', // 边框颜色
  fillColor: '#ADD8E6', // 填充颜色
  fillOpacity: 0.5, // 填充透明度
});