# @antipodes-medical/google-maps 中文文档

规范地址：https://npmcn.com/package/%40antipodes-medical/google-maps/

版本：1\.1\.0
npm 元数据更新时间：2022-09-16T09:21:14.945Z
中文译文更新时间：2026-11-08T09:56:23.835Z
软件包许可：ISC

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40antipodes-medical/google-maps
原文对照：https://npmcn.com/package/%40antipodes-medical/google-maps/?lang=original
项目主页：https://github.com/antipodes-medical/google-maps#readme
源码仓库：https://github.com/antipodes-medical/google-maps

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：55.9 kB，15 个文件
- 模块格式：CommonJS
- TypeScript 类型：未声明
- 运行依赖：0 个
- 首次发布：2022-03-17T11:31:48.048Z
- 最新版本发布：2022-09-16T09:21:14.862Z
- 近 30 天下载量：1812（2026-10-06 至 2026-11-04，npm 官方下载统计）
- 已发布版本数：2（近 12 个月 0 个）

## 中文简介

`bash yarn add @antipodes-medical/google-maps`

## 安装

```sh
npm install @antipodes-medical/google-maps
```

也可以使用：`pnpm add @antipodes-medical/google-maps`、`yarn add @antipodes-medical/google-maps`、`bun add @antipodes-medical/google-maps`

## README

# 安装

```bash
yarn add @antipodes-medical/google-maps
```

Et dans le Javascript pour que le 自定义元素 `<google-maps>` dOM: 国家卫生局

```javascript
import '@antipodes-medical/google-maps'
```

# 使用量

```html
<google-maps
                api-key="GOOGLE_MAP_API_KEY"
                latitude="37.78"
                longitude="-122.4"
></google-maps>
```

Il vous faudra remplir (英语) `GOOGLE_MAP_API_KEY` 倒车 `Google Map` 花纹矫正.  
日内瓦 `.env` 愿你们永远为所欲为:

```diff
<google-maps
-               api-key="GOOGLE_MAP_API_KEY"
+               api-key="{{ function('getenv', 'GOOGLE_MAPS_API_KEY') }}"
               latitude="37.78"
               longitude="-122.4"
></google-maps>
```

`GOOGLE_MAPS_API_KEY` (原始内容存档于2018-10-21) (英语). etant le nom de la enginee défine dans le fichier d'environment.

## 配置

La Google 地图 最高可配置为 l'aide des attributs HTML .

### 信息窗口

祝你们好运,请问您有何贵干 `<google-maps>` 密码.  
例子 :

```html
<google-maps
                api-key="GOOGLE_MAP_API_KEY"
                latitude="37.78"
                longitude="-122.4"
>
  <div class="infowindow"> 
      <div class="infowindow__title">
        <p>Le titre de mon infowindow</p>
      </div>
      <div class="infowindow__content">
        <p>Le contenu de mon infowindow.</p>
      </div>
  </div>
</google-maps>
```

### 标记

我最有可能的d'ajouter 加里尔 `markers` sur une google 地图.  
诉讼代理人:

```html
<google-maps 
  api-key="GOOGLE_MAP_API_KEY"
  markers='[
  {
    "latitude": 48.87,
    "longitude": 2.32,
    "infowindow": "<div class=\"infowindow\">...</div>
  },
  {
    "latitude": 45.514,
    "longitude": 1.367,
    "infowindow": "<div class=\"infowindow\">...</div>
  }
  ]'></google-maps>
```

#### 库莱尔

{\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}我尽量去定制标记.  
粗口:

```diff
<google-maps
                api-key="GOOGLE_MAP_API_KEY"
                latitude="37.78"
                longitude="-122.4"
+               marker-color="#F00"
></google-maps>
```

#### 冰岛

倒出修改器 l'icône :

```diff
<google-maps
                api-key="GOOGLE_MAP_API_KEY"
                latitude="37.78"
                longitude="-122.4"
+               marker-icon="https://domain.com/dist/images/pin.svg"
></google-maps>
```

### 缩放

尽可能去除修饰器 缩放 `Google Map` 数字 :

```diff
<google-maps
                api-key="GOOGLE_MAP_API_KEY"
                latitude="37.78"
                longitude="-122.4"
+               zoom="12"
></google-maps>
```

### 样式

帕德福特 莱·德·拉 `Google Map` (原始内容存档于2017-10-21). sest en noir et blanc.  
Il est de modifier cela, come cela par example: 可能修改的cela, comme cela par example:

```html
<google-maps
                api-key="GOOGLE_MAP_API_KEY"
                latitude="37.78"
                longitude="-122.4"
                map-options='{"styles": [
  {
    "elementType": "geometry",
    "stylers": [
      {
        "color": "#1d2c4d"
      }
    ]
  },
  {
    "elementType": "labels.text.fill",
    "stylers": [
      {
        "color": "#8ec3b9"
      }
    ]
  },
  {
    "elementType": "labels.text.stroke",
    "stylers": [
      {
        "color": "#1a3646"
      }
    ]
  },
  {
    "featureType": "administrative.country",
    "elementType": "geometry.stroke",
    "stylers": [
      {
        "color": "#4b6878"
      }
    ]
  },
  {
    "featureType": "administrative.land_parcel",
    "elementType": "labels.text.fill",
    "stylers": [
      {
        "color": "#64779e"
      }
    ]
  },
  {
    "featureType": "administrative.province",
    "elementType": "geometry.stroke",
    "stylers": [
      {
        "color": "#4b6878"
      }
    ]
  },
  {
    "featureType": "landscape.man_made",
    "elementType": "geometry.stroke",
    "stylers": [
      {
        "color": "#334e87"
      }
    ]
  },
  {
    "featureType": "landscape.natural",
    "elementType": "geometry",
    "stylers": [
      {
        "color": "#023e58"
      }
    ]
  },
  {
    "featureType": "poi",
    "elementType": "geometry",
    "stylers": [
      {
        "color": "#283d6a"
      }
    ]
  },
  {
    "featureType": "poi",
    "elementType": "labels.text.fill",
    "stylers": [
      {
        "color": "#6f9ba5"
      }
    ]
  },
  {
    "featureType": "poi",
    "elementType": "labels.text.stroke",
    "stylers": [
      {
        "color": "#1d2c4d"
      }
    ]
  },
  {
    "featureType": "poi.park",
    "elementType": "geometry.fill",
    "stylers": [
      {
        "color": "#023e58"
      }
    ]
  },
  {
    "featureType": "poi.park",
    "elementType": "labels.text.fill",
    "stylers": [
      {
        "color": "#3C7680"
      }
    ]
  },
  {
    "featureType": "road",
    "elementType": "geometry",
    "stylers": [
      {
        "color": "#304a7d"
      }
    ]
  },
  {
    "featureType": "road",
    "elementType": "labels.text.fill",
    "stylers": [
      {
        "color": "#98a5be"
      }
    ]
  },
  {
    "featureType": "road",
    "elementType": "labels.text.stroke",
    "stylers": [
      {
        "color": "#1d2c4d"
      }
    ]
  },
  {
    "featureType": "road.highway",
    "elementType": "geometry",
    "stylers": [
      {
        "color": "#2c6675"
      }
    ]
  },
  {
    "featureType": "road.highway",
    "elementType": "geometry.stroke",
    "stylers": [
      {
        "color": "#255763"
      }
    ]
  },
  {
    "featureType": "road.highway",
    "elementType": "labels.text.fill",
    "stylers": [
      {
        "color": "#b0d5ce"
      }
    ]
  },
  {
    "featureType": "road.highway",
    "elementType": "labels.text.stroke",
    "stylers": [
      {
        "color": "#023e58"
      }
    ]
  },
  {
    "featureType": "transit",
    "elementType": "labels.text.fill",
    "stylers": [
      {
        "color": "#98a5be"
      }
    ]
  },
  {
    "featureType": "transit",
    "elementType": "labels.text.stroke",
    "stylers": [
      {
        "color": "#1d2c4d"
      }
    ]
  },
  {
    "featureType": "transit.line",
    "elementType": "geometry.fill",
    "stylers": [
      {
        "color": "#283d6a"
      }
    ]
  },
  {
    "featureType": "transit.station",
    "elementType": "geometry",
    "stylers": [
      {
        "color": "#3a4762"
      }
    ]
  },
  {
    "featureType": "water",
    "elementType": "geometry",
    "stylers": [
      {
        "color": "#0e1626"
      }
    ]
  },
  {
    "featureType": "water",
    "elementType": "labels.text.fill",
    "stylers": [
      {
        "color": "#4e6d70"
      }
    ]
  }
]}'
></google-maps>
```

## 常见问题

### @antipodes-medical/google-maps 是什么？

bash yarn add @antipodes-medical/google-maps

### 如何安装 @antipodes-medical/google-maps？

在项目目录运行 npm install @antipodes-medical/google-maps，或使用 pnpm add / yarn add / bun add。

### @antipodes-medical/google-maps 支持 TypeScript 吗？

该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/antipodes-medical\_\_google-maps 是否存在。

### @antipodes-medical/google-maps 支持 ESM 还是 CommonJS？

以 CommonJS 形式发布，可以直接 require\(\)；在 ES Module 项目中也可以用 import 引入（Node\.js 会把 module\.exports 作为默认导出）。

### @antipodes-medical/google-maps 可以商用吗？

@antipodes-medical/google-maps 使用 ISC 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @antipodes-medical/google-maps 的下载量有多少？

根据 npm 官方下载统计，@antipodes-medical/google-maps 在 2026/10/06 – 2026/11/04 这 30 天内被下载 1,812 次，日均约 60 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @antipodes-medical/google-maps 还在维护吗？

最新版本 1\.1\.0 发布于 2022/09/16（4 年前）；至今共发布 2 个版本，其中过去 12 个月发布了 0 个；首次发布于 2022/03/17。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。